Web-Projects/blog-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add some more CSS for the updates to the bergamot widget

Browse Source 
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
1 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
assets/scss/bergamot.scss
View File

@ -40,5 +40,38 @@
flex-grow: 1;
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;
}
}