m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-22 18:00:06 +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 } .search-btn { right: 50px }
// //
// Main Navigation // Main Navigation
// //
@ -41,22 +42,25 @@
} }
li { display: inline-block; } li { display: inline-block; }
}
.nav-popover { .nav-popover {
padding: @line-height-computed*1.5 0; padding: @line-height-computed*1.5 0;
width: 100%; width: 100%;
background: @body-bg; background: @body-bg;
.clearfix; .clearfix;
}
.nav-link { .nav-link {
.h6;
display: block;
padding: .5em 1em;
width: 50%; width: 50%;
@media @breakpoint2 { @media @breakpoint2 { width: 33.3% }
width: 33.3%
}
float: left; float: left;
text-align: center; text-align: center;
padding: 1em; padding: 1em;
.h6;
color: @link-color; color: @link-color;
line-height: @line-height-computed; line-height: @line-height-computed;
text-transform: uppercase; text-transform: uppercase;
@ -78,16 +82,17 @@
color: @link-color; color: @link-color;
border-bottom-color: @link-color border-bottom-color: @link-color
} }
}
} &:hover { background: rgba(255,255,255,.5); }
&:active {
background: @link-color;
top: 0;
} }
.nav-link { &:active:before {
display: block; color: #fff;
padding: .5em 1em; .transition(none)
&:hover {
background: rgba(255,255,255,.5);
} }
} }