gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

iOS7 styled navbar

Browse Source
This commit is contained in:
Sahat Yalkabov
2013-12-04 03:11:14 -05:00
parent d834d382e4
commit 86d701ac7f
1 changed files with 47 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
public/css/ios7.less
View File

@ -4,12 +4,53 @@
@import url("//fonts.googleapis.com/css?family=Lato:100,300,400,700"); @import url("//fonts.googleapis.com/css?family=Lato:100,300,400,700");
// Navbar ===================================================================== // Body =======================================================================
body {
// Buttons ==================================================================== font-family: "Lato", sans-serif;
color: #666;
.btn { background: #e8e8e8;
border: none; min-height: 100%;
} }
// Navbar =====================================================================
.navbar {
min-height: 45px;
width: 100%;
}
.navbar-default {
background: rgba(255, 255, 255, 0.95);
border: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
.navbar-nav {
> li > a {
color: #999;
transition: all 0.3s;
&:hover,
&:focus {
color: #999;
background: rgba(0, 0, 0, 0.05);
}
}
> .active > a {
&,
&:focus {
color: #007aff;
background-color: transparent;
}
&:hover {
color: #007aff;
background: rgba(0, 0, 0, 0.05);
}
}
}
}
// Buttons ====================================================================
// Typography ================================================================= // Typography =================================================================