github
/
consul
mirror of https://github.com/hashicorp/consul
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

footer responsive nav

pull/31/head
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) {
#footer,
#header{
.consul-gradient-bg();
.navbar-right{
float: none !important;
}
.buttons.navbar-nav,
.main-links.navbar-nav{
display: block;
padding-bottom: 15px;
li{
display: block;
float: none;
margin-top: 15px;
}
@ -237,13 +237,32 @@ body.page-sub{
li + li::before {
display: none;
}
}
}
#header,
#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{
.consul-gradient-bg();
.navbar-right{
float: none !important;
}
.navbar-brand {
&.logo{

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

@ -307,6 +307,40 @@ body.page-sub #header {
}
}
@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 {
background: #694a9c;
/* Old browsers */
@ -328,21 +362,6 @@ body.page-sub #header {
#header .navbar-right {
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 {
margin-top: 0;
}