add spacing and menu on mobile

[ipfire.org.git] / static / scss / style.scss

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 4115900f356e37c5e2a65f371963ac0ae30e9aed..8c51d586cc55be1cdbf873bb7f3e26abc23fbb48 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -53,6 +53,17 @@
 // Utility classes
 @import "bootstrap-4.0.0-alpha.6/scss/utilities";
 
+h4 {
+       font-weight: 600;
+}
+
+button.navbar-toggler div {
+       font-family: 'Ubuntu', sans-serif;
+       font-size: 1rem;
+       display: inline-block;
+       margin-left: 12px;
+}
+
 .btn {
        text-transform: uppercase;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .25);
@@ -91,7 +102,10 @@
 }
 
 .btn-block {
-       margin: 0 0 2rem 0;
+               margin: 0 0 1.5rem 0;
+       @include media-breakpoint-up(md) {
+               margin: 0 0 2rem 0;
+       }
 }
 
 .fixed-top {
@@ -116,6 +130,11 @@
        }
 }
 
+.menu-text.hidden {
+       display: none;
+       visibility: hidden;
+}
+
 .navbar {
        a {
                color: $blue-grey-900;
@@ -126,7 +145,10 @@
 }
 
 .navbar-brand {
-       font-size: 2rem;
+       font-size: 1.25rem;
+       @include media-breakpoint-up(sm) {
+               font-size: 2rem;
+       }
        font-weight: 300;
        img {
                margin-right: 1rem;
@@ -227,7 +249,10 @@ section.intro {
 }
 
 section.content-section {
-       padding: 96px 0;
+               padding: 3rem 0;
+       @include media-breakpoint-up(md) {
+               padding: 96px 0;
+       }
 }
 
 section#features,