fix styles
This commit is contained in:
parent
c4cc411953
commit
17d2331322
@ -68,6 +68,24 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin block-list-selectable-label {
|
||||||
|
margin: 0;
|
||||||
|
max-width: none;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
&::before {
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: $gap * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $color-primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.block-list {
|
.block-list {
|
||||||
@include block-list;
|
@include block-list;
|
||||||
@ -110,24 +128,14 @@
|
|||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
|
|
||||||
> label {
|
> label {
|
||||||
margin: 0;
|
@include block-list-selectable-label;
|
||||||
max-width: none;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row-reverse;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
&::before {
|
|
||||||
flex-shrink: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
margin-left: $gap * 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $color-primary;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
> label {
|
||||||
|
@include block-list-selectable-label;
|
||||||
|
}
|
||||||
|
|
||||||
input:checked {
|
input:checked {
|
||||||
+ label {
|
+ label {
|
||||||
color: $color-primary;
|
color: $color-primary;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user