}
}
+ .message {
+ background-color: map-get($theme, "card-background");
+ .message-body {
+ color: map-get($theme, "text");
+ }
+ }
+
.footer {
background-color: map-get($theme, "card-background");
box-shadow: 0 2px 15px 0 map-get($theme, "card-shadow");
}
}
}
- .navbar {
+ .navbar, .navbar-menu {
background-color: $secondary-color;
a {
}
}
}
+ .navbar-end {
+ text-align: right;
+ }
}
#main-section {
background-color: lighten( $secondary-color, 6% );
border-radius: 5px;
padding: 2px 12px 2px 30px;
- margin: 10px 0;
+ margin: 0 0 0 12px;
transition: all 100ms linear;
color: #ffffff;
height: 30px;
.search-label::before {
font-family: 'Font Awesome 5 Free';
position: absolute;
- top: 12px;
- left: 8px;
+ top: 4px;
+ left: 16px;
content: "\f002";
font-weight: 900;
width: 20px;
height: 20px;
+ color: #ffffff;
}
&:focus-within .search-label::before {
.icon-button {
display: inline-block;
+ padding: 0 12px;
}
.offline-message {