From a2aeda969cd608f6bfa1f6ced5aceb88368b4af0 Mon Sep 17 00:00:00 2001 From: Jack Pearkes Date: Sun, 27 Jul 2014 14:38:23 -0400 Subject: [PATCH] website: fix docs footer --- website/source/stylesheets/_footer.less | 25 +++++++++++---------- website/source/stylesheets/_header.less | 30 ++++++++++++------------- website/source/stylesheets/main.css | 6 +++-- 3 files changed, 32 insertions(+), 29 deletions(-) diff --git a/website/source/stylesheets/_footer.less b/website/source/stylesheets/_footer.less index 58e590e60..5fabf0c65 100644 --- a/website/source/stylesheets/_footer.less +++ b/website/source/stylesheets/_footer.less @@ -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) { diff --git a/website/source/stylesheets/_header.less b/website/source/stylesheets/_header.less index 416306d3e..57b5c4ef1 100755 --- a/website/source/stylesheets/_header.less +++ b/website/source/stylesheets/_header.less @@ -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; diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css index bb127ad3c..041e47069 100644 --- a/website/source/stylesheets/main.css +++ b/website/source/stylesheets/main.css @@ -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);