m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-22 09:56:51 +01:00
Code

navigation item fixes

Browse Source
This commit is contained in:
Matthias Kretschmann 2014-03-10 21:39:32 +01:00
parent e24ee87f16
commit 89c53dc374
1 changed files with 46 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
_src/assets/less/navigation.less
View File

@ -29,6 +29,7 @@
}
.search-btn { right: 50px }
//
// Main Navigation
//
@ -41,22 +42,25 @@
}
li { display: inline-block; }
}
.nav-popover {
padding: @line-height-computed*1.5 0;
width: 100%;
background: @body-bg;
.clearfix;
}
.nav-link {
.h6;
display: block;
padding: .5em 1em;
width: 50%;
@media @breakpoint2 {
width: 33.3%
}
@media @breakpoint2 { width: 33.3% }
float: left;
text-align: center;
padding: 1em;
.h6;
color: @link-color;
line-height: @line-height-computed;
text-transform: uppercase;
@ -78,16 +82,17 @@
color: @link-color;
border-bottom-color: @link-color
}
}
}
&:hover { background: rgba(255,255,255,.5); }
&:active {
background: @link-color;
top: 0;
}
.nav-link {
display: block;
padding: .5em 1em;
&:hover {
background: rgba(255,255,255,.5);
&:active:before {
color: #fff;
.transition(none)
}
}