FIX: Post highlight on mobile dark theme
This commit is contained in:
parent
75f7631367
commit
689449b233
|
@ -129,6 +129,11 @@ aside.quote {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.topic-body {
|
||||||
|
&.highlighted {
|
||||||
|
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
|
||||||
|
}
|
||||||
|
}
|
||||||
.wiki .topic-body {
|
.wiki .topic-body {
|
||||||
background-color: dark-light-diff($wiki, $secondary, 95%, -50%);
|
background-color: dark-light-diff($wiki, $secondary, 95%, -50%);
|
||||||
}
|
}
|
||||||
|
|
|
@ -699,9 +699,6 @@ $topic-avatar-width: 45px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
|
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
|
||||||
padding: 12px $topic-body-width-padding 15px $topic-body-width-padding;
|
padding: 12px $topic-body-width-padding 15px $topic-body-width-padding;
|
||||||
&.highlighted {
|
|
||||||
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.topic-avatar {
|
.topic-avatar {
|
||||||
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
|
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
|
||||||
|
|
|
@ -463,12 +463,8 @@ blockquote {
|
||||||
|
|
||||||
.posts-wrapper { position: relative; }
|
.posts-wrapper { position: relative; }
|
||||||
|
|
||||||
.topic-body.highlighted {
|
|
||||||
background-color: scale-color($tertiary, $lightness: 75%);
|
|
||||||
}
|
|
||||||
|
|
||||||
span.highlighted {
|
span.highlighted {
|
||||||
background-color: scale-color($highlight, $lightness: 70%);
|
background-color: dark-light-choose(scale-color($highlight, $lightness: 70%), $highlight);
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-avatar {
|
.topic-avatar {
|
||||||
|
|
Loading…
Reference in New Issue