border: 2px solid rgba(255, 255, 255, 0.8);
border-radius: 4px;
padding: 0 $-xs;
- position: absolute;
- right: $-m;
- top: 13px;
line-height: 1;
cursor: pointer;
user-select: none;
margin: 0;
bottom: -2px;
}
- @include rtl() {
- left: $-m;
- right: auto;
- }
}
-
@include smaller-than($l) {
header .header-links {
@include lightDark(background-color, #fff, #333);
display: none;
z-index: 10;
- right: $-m;
+ inset-inline-end: $-m;
border-radius: 4px;
overflow: hidden;
position: absolute;
.faded span.faded-text {
display: inline-block;
padding: $-s;
-}
-
-.action-buttons .text-button {
- display: inline-block;
- padding: $-xs $-s;
- &:last-child {
- padding-inline-end: 0;
- }
- &:first-child {
- padding-inline-start: 0;
- }
-}
-
-
-.action-buttons .dropdown-container:last-child a {
- padding-inline-end: 0;
- padding-inline-start: $-s;
-}
-.action-buttons {
- text-align: end;
- &.text-left {
- text-align: start;
- .text-button {
- padding-inline-end: $-m;
- padding-inline-start: 0;
- }
- }
- &.text-center {
- text-align: center;
- }
-}
-
-@include smaller-than($m) {
- .action-buttons .text-button {
- padding: $-xs $-xs;
- }
- .action-buttons .dropdown-container:last-child a {
- padding-inline-start: $-xs;
- }
}
\ No newline at end of file