website: fix docs footer
This commit is contained in:
Jack Pearkes
parent
44d7ccc629
commit
a2aeda969c
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in New Issue