Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-06 10:36:40 +08:00
Code Packages Activity Actions 13

Simplify user-nav styles to facilitate theming

Browse source
This commit is contained in:
minusfive 2017-08-24 22:39:14 -04:00 • committed by Robin Ward
parent bb3a5910d7
commit d70ecf1c53
2 changed files with 18 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

25
app/assets/stylesheets/common/base/user.scss
View file

@ -3,23 +3,6 @@
.d-icon-heart {
color: $love !important;
}
.nav-pills {
a {
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
}
a:hover i {
color: $quaternary;
}
a.active i {
color: $secondary;
}
i {
color: dark-light-choose(scale-color($primary, $lightness: 55%), scale-color($secondary, $lightness: 55%));
}
}
}
.user-field {
@ -161,11 +144,9 @@
.user-nav {
margin: 5px 0px;
padding-top: 10px;
.d-icon {
margin-right: 5px;
}
.d-icon-comment {
margin-right: 2px;
li a {
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
}
}

16
app/assets/stylesheets/common/components/navs.scss
View file

@ -20,9 +20,11 @@
.nav-pills {
@extend %nav;
@extend .clearfix;
> li {
float: left;
margin-right: 5px;
> a {
border: none;
padding: 5px 12px;
@ -30,14 +32,26 @@
font-size: 1.143em;
line-height: 20px;
transition: background .15s;
.d-icon {
margin-right: 5px;
opacity: .65;
}
&:hover {
color: $quaternary;
background-color: $quaternary-low;
}
}
&.active > a, > a.active {
&.active > a,
> a.active {
color: $secondary;
background-color: $quaternary;
.d-icon {
opacity: 1;
}
}
}
}