status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-02-06 02:44:01 +00:00
Code Issues Projects Releases Wiki Activity

footer responsive nav

Browse Source
This commit is contained in:
JT 2014-04-08 19:51:34 -07:00
parent 20ad0d60d5
commit c7b7701d76
2 changed files with 59 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
website/source/stylesheets/_header.less
View File

@ -220,16 +220,16 @@ body.page-sub{
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#footer,
#header{ #header{
.consul-gradient-bg(); .buttons.navbar-nav,
.navbar-right{
float: none !important;
}
.main-links.navbar-nav{ .main-links.navbar-nav{
display: block;
padding-bottom: 15px; padding-bottom: 15px;
li{ li{
display: block;
float: none;
margin-top: 15px; margin-top: 15px;
} }
@ -237,13 +237,32 @@ body.page-sub{
li + li::before { li + li::before {
display: none; display: none;
} }
}
}
#header,
#footer{
.main-links.navbar-nav{
li > a { li > a {
padding: 0; padding: 0;
padding-left: 0; padding-left: 0;
line-height: 22px; line-height: 22px;
} }
} }
}
#footer{
.buttons.navbar-nav li.first {
margin-right: 0;
}
}
#header{
.consul-gradient-bg();
.navbar-right{
float: none !important;
}
.navbar-brand { .navbar-brand {
&.logo{ &.logo{

49
website/source/stylesheets/main.css
View File

@ -307,6 +307,40 @@ body.page-sub #header {
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#footer .buttons.navbar-nav,
#header .buttons.navbar-nav,
#footer .main-links.navbar-nav,
#header .main-links.navbar-nav {
display: block;
padding-bottom: 15px;
}
#footer .buttons.navbar-nav li,
#header .buttons.navbar-nav li,
#footer .main-links.navbar-nav li,
#header .main-links.navbar-nav li {
display: block;
float: none;
margin-top: 15px;
}
#footer .buttons.navbar-nav .li-under a::after,
#header .buttons.navbar-nav .li-under a::after,
#footer .main-links.navbar-nav .li-under a::after,
#header .main-links.navbar-nav .li-under a::after,
#footer .buttons.navbar-nav li + li::before,
#header .buttons.navbar-nav li + li::before,
#footer .main-links.navbar-nav li + li::before,
#header .main-links.navbar-nav li + li::before {
display: none;
}
#header .main-links.navbar-nav li > a,
#footer .main-links.navbar-nav li > a {
padding: 0;
padding-left: 0;
line-height: 22px;
}
#footer .buttons.navbar-nav li.first {
margin-right: 0;
}
#header { #header {
background: #694a9c; background: #694a9c;
/* Old browsers */ /* Old browsers */
@ -328,21 +362,6 @@ body.page-sub #header {
#header .navbar-right { #header .navbar-right {
float: none !important; float: none !important;
} }
#header .main-links.navbar-nav {
padding-bottom: 15px;
}
#header .main-links.navbar-nav li {
margin-top: 15px;
}
#header .main-links.navbar-nav .li-under a::after,
#header .main-links.navbar-nav li + li::before {
display: none;
}
#header .main-links.navbar-nav li > a {
padding: 0;
padding-left: 0;
line-height: 22px;
}
#header .navbar-brand.logo span { #header .navbar-brand.logo span {
margin-top: 0; margin-top: 0;
} }