Separate reading and hover states a bit

This commit is contained in:
Brian Jacobel
2016-06-30 10:45:26 -04:00
parent ce310f6a61
commit c4e5b2019d
3 changed files with 10 additions and 1 deletions

View File

@@ -229,11 +229,18 @@
padding: ($baseline/4) ($baseline/2);
transition: none;
&.is-active,
&:hover {
color: $forum-color-background;
background-color: $forum-color-hover-thread;
}
&.is-active {
color: $forum-color-background;
background-color: $forum-color-reading-thread;
}
&.is-active,
&:hover {
.forum-nav-thread-labels > li {
border-color: $forum-color-background;
color: $forum-color-background;

View File

@@ -15,6 +15,7 @@ $forum-color-marked-answer: $green-d1 !default;
$forum-color-border: $gray-l3 !default;
$forum-color-error: $red !default;
$forum-color-hover-thread: $gray-d3 !default;
$forum-color-reading-thread: $gray-d3 !default;
// post images
$post-image-dimension: ($baseline*3) !default; // image size + margin

View File

@@ -15,6 +15,7 @@ $forum-color-marked-answer: $green-d1 !default;
$forum-color-border: palette(grayscale, base) !default;
$forum-color-error: palette(error, accent) !default;
$forum-color-hover-thread: palette(grayscale, dark) !default;
$forum-color-reading-thread: palette(grayscale, dark) !default;
// post images
$post-image-dimension: ($baseline*3) !default; // image size + margin