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

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 { .d-icon-heart {
color: $love !important; 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 { .user-field {
@ -161,11 +144,9 @@
.user-nav { .user-nav {
margin: 5px 0px; margin: 5px 0px;
padding-top: 10px; padding-top: 10px;
.d-icon {
margin-right: 5px; li a {
} color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
.d-icon-comment {
margin-right: 2px;
} }
} }

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

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