Browse Source

Move comment label button styles into theme

merge-requests/51/head
Deimos 6 years ago
parent
commit
41d223125b
  1. 34
      tildes/scss/_themes.scss
  2. 34
      tildes/scss/modules/_btn.scss

34
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 {

34
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);
}
Loading…
Cancel
Save