mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 12:12:30 +00:00
33 lines
740 B
SCSS
33 lines
740 B
SCSS
%fillLeft{
|
|
.fill-left{
|
|
display:flex;
|
|
align-self:center;
|
|
box-sizing:border-box;
|
|
}
|
|
.fill-left__radio{
|
|
appearance:none;
|
|
-webkit-appearance:none;
|
|
background-color:var(--selectedColor);
|
|
width:var(--fillLeftRadioWidth);
|
|
height:var(--fillLeftRadioHeight);
|
|
cursor:pointer;
|
|
&[data-value]{
|
|
display:grid;
|
|
grid-template-areas: 'content';
|
|
place-items:center;
|
|
> *{
|
|
grid-area:content;
|
|
}
|
|
&:checked:before{
|
|
content:attr(data-value);
|
|
color:var(--backColor);
|
|
font-size:1rem;
|
|
place-self:center;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
&:checked ~ .fill-left__radio{
|
|
background-color:var(--unselectedColor2);
|
|
}
|
|
}
|
|
} |