website: fix docs footer

This commit is contained in:
Jack Pearkes 2014-07-27 14:38:23 -04:00
parent 44d7ccc629
commit a2aeda969c
3 changed files with 32 additions and 29 deletions

View File

@ -10,14 +10,15 @@ body.page-home{
}
}
#footer{
padding: 140px 0 40px;
color: black;
background-color: white;
.skewY(-2deg);
.skew {
.skewY(-2deg);
}
>.container{
>.container.skew{
.skewY(2deg);
}
@ -89,7 +90,7 @@ body.page-home{
padding-bottom: 6px;
padding-left: 40px;
}
}
}
.footer-hashi{
float: right;
@ -111,9 +112,9 @@ body.page-home{
i{
display: inline-block;
width: 37px;
height: 40px;
height: 40px;
background: url(../images/footer-hashicorp-logo.png) 0 0 no-repeat;
.img-retina("../images/footer-hashicorp-logo.png", "../images/footer-hashicorp-logo@2x.png", 37px, 40px);
.img-retina("../images/footer-hashicorp-logo.png", "../images/footer-hashicorp-logo@2x.png", 37px, 40px);
}
}
}
@ -143,10 +144,10 @@ body.page-home{
.hashi-logo{
i{
background: url(../images/footer-hashicorp-white-logo.png) 0 0 no-repeat;
.img-retina("../images/footer-hashicorp-white-logo.png", "../images/footer-hashicorp-white-logo@2x.png", 37px, 40px);
}
.img-retina("../images/footer-hashicorp-white-logo.png", "../images/footer-hashicorp-white-logo@2x.png", 37px, 40px);
}
}
}
}
}
}
@ -162,13 +163,13 @@ body.page-home{
margin-top: -6px;
width: 20px;
height: 22px;
background-size: 20px 22px;
}
background-size: 20px 22px;
}
}
}
}
}
@media (max-width: 768px) {

View File

@ -14,7 +14,7 @@ body.page-sub{
.navbar-collapse{
background-color: rgba(255, 255, 255, 0.98);
}
}
.nav-logo{
height: 90px;
@ -32,7 +32,7 @@ body.page-sub{
.transition( color 0.3s ease );
}
}
.buttons.nav > li > a, .buttons.nav > li > a {
.transition( background-color 0.3s ease );
}
@ -40,17 +40,16 @@ body.page-sub{
.buttons.nav > li > a:hover, .buttons.nav > li > a:focus {
background-color: black;
.transition( background-color 0.3s ease );
}
}
.main-links.nav > li > a:hover, .main-links.nav > li > a:focus {
color: @purple;
.transition( color 0.3s ease );
}
}
}
}
#header {
.anti-alias();
position: relative;
color: @white;
text-rendering: optimizeLegibility;
@ -86,7 +85,8 @@ body.page-sub{
.lato-light();
text-transform: uppercase;
background: url(../images/consul-header-logo.png) 0 0 no-repeat;
.img-retina("../images/header-logo.png", "../images/header-logo@2x.png", 50px, 56px);
.img-retina("../images/header-logo.png", "../images/header-logo@2x.png", 50px, 56px);
-webkit-font-smoothing: default;
}
}
@ -134,7 +134,7 @@ body.page-sub{
background-color: @purple;
.skewY(24deg);
padding-right: 0;
}
}
li > a {
//border-bottom: 2px solid rgba(255, 255, 255, .2);
@ -176,7 +176,7 @@ body.page-sub{
padding-bottom: 4px;
padding-left: 32px;
padding-right: 12px;
letter-spacing: 0.05em;
letter-spacing: 0.05em;
}
}
}
@ -210,9 +210,9 @@ body.page-sub{
padding: 0 0 0 4px;
}
}
}
}
}
}
@media (min-width: 992px) {
@ -238,7 +238,7 @@ body.page-sub{
background-color: @purple;
.skewY(24deg);
padding-right: 8px;
}
}
}
}
}
@ -251,7 +251,7 @@ body.page-sub{
body.page-home{
.nav-logo{
width: 30%;
}
}
.nav-white{
margin-top: 8px;
width: 70%;
@ -261,8 +261,8 @@ body.page-sub{
> a{
padding-right: 4px !important;
text-indent: -9999px;
white-space: nowrap;
}
white-space: nowrap;
}
}
}
}
@ -294,7 +294,7 @@ body.page-sub{
}
}
}
#header{
.buttons.navbar-nav{
float: none !important;

View File

@ -120,7 +120,6 @@ body.page-sub #header .main-links.nav > li > a:focus {
transition: color 0.3s ease;
}
#header {
-webkit-font-smoothing: antialiased;
position: relative;
color: #ffffff;
text-rendering: optimizeLegibility;
@ -155,6 +154,7 @@ body.page-sub #header .main-links.nav > li > a:focus {
background: url(../images/consul-header-logo.png) 0 0 no-repeat;
background-image: url("../images/header-logo.png");
background-size: 50px 56px;
-webkit-font-smoothing: default;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#header .navbar-brand.logo {
@ -392,13 +392,15 @@ body.page-home #footer {
padding: 140px 0 40px;
color: black;
background-color: white;
}
#footer .skew {
-webkit-transform: skewY(-2deg);
-moz-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
-o-transform: skewY(-2deg);
transform: skewY(-2deg);
}
#footer > .container {
#footer > .container.skew {
-webkit-transform: skewY(2deg);
-moz-transform: skewY(2deg);
-ms-transform: skewY(2deg);