diff --git a/src/_includes/jumbotron-carousel.html b/src/_includes/jumbotron-carousel.html index 917e06c1d..017271a16 100644 --- a/src/_includes/jumbotron-carousel.html +++ b/src/_includes/jumbotron-carousel.html @@ -33,7 +33,7 @@
-
+
diff --git a/src/assets/less/site/bootstrap/navbar.less b/src/assets/less/site/bootstrap/navbar.less index 54d9cb01e..06910cb61 100644 --- a/src/assets/less/site/bootstrap/navbar.less +++ b/src/assets/less/site/bootstrap/navbar.less @@ -15,3 +15,5 @@ &.dropdown-split-right > a { padding-left: 7px; } &.dropdown-split-left > a { padding-right: 0; } } + +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; } diff --git a/src/assets/less/site/bootstrap/variables.less b/src/assets/less/site/bootstrap/variables.less index 8682767e2..849170c38 100644 --- a/src/assets/less/site/bootstrap/variables.less +++ b/src/assets/less/site/bootstrap/variables.less @@ -109,6 +109,10 @@ @navbar-inverse-link-hover-color: #fff; @navbar-inverse-link-active-bg: @navbar-inverse-border; +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: @jumbotron-bg-dark; +@navbar-inverse-toggle-icon-bar-bg: #fff; +@navbar-inverse-toggle-border-color: #fff; //@brand-primary: @blue-dark; //@brand-success: @green; diff --git a/src/assets/less/site/fontawesome-icon-list.less b/src/assets/less/site/fontawesome-icon-list.less index b0146261f..11e1686ef 100644 --- a/src/assets/less/site/fontawesome-icon-list.less +++ b/src/assets/less/site/fontawesome-icon-list.less @@ -20,7 +20,7 @@ } &:hover { - background-color: mix(@jumbotron-bg, #fff, 15%); + background-color: mix(@jumbotron-bg, #fff, 12%); text-decoration: none; .fa-icon { *font-size: 28px; diff --git a/src/assets/less/site/responsive/screen-lg.less b/src/assets/less/site/responsive/screen-lg.less index 7a0d0efca..3e0d9bbdb 100644 --- a/src/assets/less/site/responsive/screen-lg.less +++ b/src/assets/less/site/responsive/screen-lg.less @@ -1,22 +1,24 @@ @media (min-width: @screen-lg) { #icon-carousel { - @size: 290px; + @size: 240px; font-size: @size; line-height: @size + 5; - .carousel-control { - top: @size + 10px; - .square(30px); - font-size: 40px; - line-height: 35px; - left: 370/2 - 45px; - &.right { - right: 370/2 - 45px; - } + margin-top: @buffer-lg; + } + + .carousel-control { + top: @size + 25px; + .square(30px); + font-size: 40px; + line-height: 35px; + left: 370/2 - 42px; + &.right { + right: 370/2 - 42px; } } .jumbotron-ad { - padding: 65px 0 50px; + padding: 50px 0; h1 { margin-top: 25px; font-size: 90px; diff --git a/src/assets/less/site/responsive/screen-sm.less b/src/assets/less/site/responsive/screen-sm.less index 3b8a2740e..5065ba96f 100644 --- a/src/assets/less/site/responsive/screen-sm.less +++ b/src/assets/less/site/responsive/screen-sm.less @@ -3,25 +3,25 @@ @size: 200px; font-size: @size; line-height: @size + 5; - .carousel-control { - top: @size + 10px; - .square(30px); - left: 228/2 - 40px; - &.right { - right: 228/2 - 40px; - } + } + .carousel-control { + top: @size - 10px; + .square(30px); + left: 228/2 - 36px; + &.right { + right: 228/2 - 36px; } } .jumbotron-carousel { padding: 50px 0; h1 { font-size: 65px; } - p { font-size: 25px; } + p { font-size: 23px; } .shameless-self-promotion { font-size: 12px; } } .jumbotron-ad { - p { font-size: 28px; } + p { font-size: 24px; } } .jumbotron-icon {