diff --git a/styles/elements/_block_lists.scss b/styles/elements/_block_lists.scss index 54c78cec..f2c9cc58 100644 --- a/styles/elements/_block_lists.scss +++ b/styles/elements/_block_lists.scss @@ -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 { @include block-list; @@ -110,24 +128,14 @@ flex-direction: row-reverse; > 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; - } + @include block-list-selectable-label; } } + > label { + @include block-list-selectable-label; + } + input:checked { + label { color: $color-primary;