|
|
|
@ -558,6 +558,7 @@ $ui-header-height: 55px; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
align-items: stretch; |
|
|
|
|
gap: 2px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.pillbar-button { |
|
|
|
@ -565,7 +566,6 @@ $ui-header-height: 55px; |
|
|
|
|
color: #fafafa; |
|
|
|
|
padding: 2px; |
|
|
|
|
margin: 0; |
|
|
|
|
margin-left: 2px; |
|
|
|
|
font-size: inherit; |
|
|
|
|
flex: auto; |
|
|
|
|
background-color: $ui-base-color; |
|
|
|
@ -578,43 +578,20 @@ $ui-header-height: 55px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&:not([disabled]) { |
|
|
|
|
&:hover { |
|
|
|
|
background-color: darken($ui-base-color, 10%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&:hover, |
|
|
|
|
&:focus { |
|
|
|
|
background-color: darken($ui-base-color, 15%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&:active { |
|
|
|
|
background-color: darken($ui-base-color, 20%); |
|
|
|
|
background-color: darken($ui-base-color, 10%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
|
background-color: $ui-highlight-color; |
|
|
|
|
box-shadow: inset 0 5px darken($ui-highlight-color, 20%); |
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
background-color: lighten($ui-highlight-color, 10%); |
|
|
|
|
box-shadow: inset 0 5px darken($ui-highlight-color, 10%); |
|
|
|
|
} |
|
|
|
|
background-color: darken($ui-highlight-color, 2%); |
|
|
|
|
|
|
|
|
|
&:hover, |
|
|
|
|
&:focus { |
|
|
|
|
background-color: lighten($ui-highlight-color, 15%); |
|
|
|
|
box-shadow: inset 0 5px darken($ui-highlight-color, 5%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&:active { |
|
|
|
|
background-color: lighten($ui-highlight-color, 20%); |
|
|
|
|
box-shadow: inset 0 5px $ui-highlight-color; |
|
|
|
|
background-color: $ui-highlight-color; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* TODO: check RTL? */ |
|
|
|
|
&:first-child { |
|
|
|
|
margin-left: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.limited-account-hint { |
|
|
|
|