From 41d223125b8d952e080a9e66e5e99207934fa364 Mon Sep 17 00:00:00 2001 From: Deimos Date: Mon, 22 Oct 2018 15:09:56 -0600 Subject: [PATCH] Move comment label button styles into theme --- tildes/scss/_themes.scss | 34 ++++++++++++++++++++++++++++++++++ tildes/scss/modules/_btn.scss | 34 ---------------------------------- 2 files changed, 34 insertions(+), 34 deletions(-) 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); -}