diff --git a/tildes/scss/_themes.scss b/tildes/scss/_themes.scss index 13d6ee0..81aae4d 100644 --- a/tildes/scss/_themes.scss +++ b/tildes/scss/_themes.scss @@ -208,6 +208,26 @@ $theme-black: map-merge($theme-base, ( } } + .btn-comment-label-exemplary { + @include labelbutton($comment-label-exemplary-color); + } + + .btn-comment-label-joke { + @include labelbutton($comment-label-joke-color); + } + + .btn-comment-label-noise { + @include labelbutton($comment-label-noise-color); + } + + .btn-comment-label-offtopic { + @include labelbutton($comment-label-offtopic-color); + } + + .btn-comment-label-malice { + @include labelbutton($comment-label-malice-color); + } + .comment-branch-counter { color: $foreground-secondary; } @@ -531,6 +551,20 @@ $theme-black: map-merge($theme-base, ( } } +@mixin labelbutton($color) { + color: $color; + border-color: $color; + + &:hover { + color: $color; + } + + &.btn-used:hover { + background-color: $color; + color: #fff; + } +} + @mixin syntax-highlighting($is-light) { @if ($is-light) { .highlight { diff --git a/tildes/scss/modules/_btn.scss b/tildes/scss/modules/_btn.scss index 2525fae..29939ff 100644 --- a/tildes/scss/modules/_btn.scss +++ b/tildes/scss/modules/_btn.scss @@ -68,37 +68,3 @@ border: 1px solid; } } - -@mixin labelbutton($color) { - color: $color; - border-color: $color; - - &:hover { - color: $color; - } - - &.btn-used:hover { - background-color: $color; - color: #fff; - } -} - -.btn-comment-label-exemplary { - @include labelbutton($comment-label-exemplary-color); -} - -.btn-comment-label-joke { - @include labelbutton($comment-label-joke-color); -} - -.btn-comment-label-noise { - @include labelbutton($comment-label-noise-color); -} - -.btn-comment-label-offtopic { - @include labelbutton($comment-label-offtopic-color); -} - -.btn-comment-label-malice { - @include labelbutton($comment-label-malice-color); -}