top: 0;
background-color: $primary-dark;
color: #fff;
+ fill: #fff;
.padded {
padding: $-m;
}
display: inline-block;
padding: $-m $-l;
color: #FFF;
+ fill: #FFF;
&:last-child {
padding-right: 0;
}
> * {
vertical-align: top;
}
- > span, > i {
+ > span {
padding-left: $-xs;
display: inline-block;
- }
- > span {
padding-top: $-xxs;
}
- > i {
+ > svg {
padding-top: 4px;
font-size: 18px;
}
}
button {
color: #EEE;
+ fill: #EEE;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #DDD;
.faded {
a, button, span, span > div {
color: #666;
+ fill: #666;
}
.text-button {
opacity: 0.5;
.faded-small {
color: #000;
+ fill: #000;
font-size: 0.9em;
background-color: $primary-faded;
}
@include smaller-than($m) {
.breadcrumbs .text-button, .action-buttons .text-button {
- padding: $-s $-xs;
+ padding: $-xs $-xs;
}
.action-buttons .dropdown-container:last-child a {
padding-left: $-xs;
.breadcrumbs .text-button {
font-size: 0;
}
+ .breadcrumbs .text-button svg {
+ font-size: $fs-m;
+ }
.breadcrumbs a i {
font-size: $fs-m;
padding-right: 0;
.breadcrumbs span.sep {
padding: 0 $-xxs;
}
+ .toolbar .col-xs-1:first-child {
+ padding-right: 0;
+ }
}
.nav-tabs {
padding: $-m;
display: inline-block;
color: #666;
+ fill: #666;
cursor: pointer;
&.selected {
border-bottom: 2px solid $primary;