Add some more CSS for the updates to the bergamot widget

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
This commit is contained in:
Danila Fedorin 2023-12-03 00:01:49 -08:00
parent 56ff56281e
commit 24abec4045

View File

@ -40,5 +40,38 @@
flex-grow: 1; flex-grow: 1;
flex-basis: 0; flex-basis: 0;
} }
.bergamot-selector {
button {
@include var(background-color, background-color);
@include var(color, text-color);
@include bordered-block;
padding: 0.5rem;
font-family: $font-body;
&.active {
border-color: $primary-color;
font-weight: bold;
text-decoration: underline;
text-underline-offset: 0.15rem;
} }
&:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
&:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right-width: 0;
}
}
button.active + button {
border-left-color: $primary-color;
}
margin-bottom: 1rem;
}
}