mirrors/retrospring
1
0
Fork 0
mirror of https://github.com/Retrospring/retrospring.git synced 2025-01-19 16:06:03 +01:00
Code Issues Projects Releases Packages Wiki Activity

Implements additions of and fixes retrospring/bugs#16

Browse source
This commit is contained in:
Yuki 2015-04-22 03:52:18 +05:30
parent 305de8bf7b
commit 1600cdf295
2 changed files with 46 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/assets/stylesheets/application.css.scss
View file

@ -28,10 +28,10 @@ $font-size-h6: ceil(($font-size-base * 0.85)); // ~12px
$brand-primary: #5e35b1; $brand-primary: #5e35b1;
$navbar-inverse-bg: #5e35b1; $navbar-inverse-bg: #5e35b1;
$navbar-inverse-link-color: #ffffff; $navbar-inverse-link-color: #ffffff;
$navbar-inverse-link-hover-color: #bfbfbf; $navbar-inverse-link-hover-color: #ffffff;
$navbar-inverse-link-hover-bg: transparent; $navbar-inverse-link-hover-bg: transparent;
$navbar-inverse-link-active-color: #bfbfbf; $navbar-inverse-link-active-color: #ffffff;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 6.5%); $navbar-inverse-link-active-bg: transparent;
$navbar-inverse-link-disabled-color: darken(#fff, 12.5%); $navbar-inverse-link-disabled-color: darken(#fff, 12.5%);
$navbar-inverse-link-disabled-bg: transparent; $navbar-inverse-link-disabled-bg: transparent;
$navbar-inverse-brand-color: $navbar-inverse-link-color; $navbar-inverse-brand-color: $navbar-inverse-link-color;

41
app/assets/stylesheets/scss/navbar.scss
View file

@ -132,3 +132,44 @@
.navbar-inverse { .navbar-inverse {
border: none; border: none;
} }
nav.navbar .nav > li:not(.profile--image-dropdown) {
& > *:first-child {
-moz-osx-font-smoothing: grayscale;
position: relative;
&:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: $navbar-inverse-link-color;
height: 0px;
-webkit-transition-property: height;
transition-property: height;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
&:hover, &:focus, &:active {
&:before {
height: 4px
}
}
}
&.active *:first-child:before {
height: 4px;
}
& > .btn {
line-height: 50px;
width: 44px;
margin: 0;
border: 0;
padding: 0;
}
}