diff --git a/source/css/style.css b/source/css/style.css index 90bda95..4443bd1 100644 --- a/source/css/style.css +++ b/source/css/style.css @@ -8,7 +8,7 @@ body { background-color: #f7f7f7; } .section { - padding: 6rem 1.5rem; + padding: 2rem 1.5rem; } body, button, @@ -36,7 +36,7 @@ textarea { } @media screen and (max-width: 768px) { .section { - padding: 5.5rem 1rem; + padding: 4.5rem 1rem; } } @media screen and (min-width: 769px) { @@ -122,6 +122,21 @@ img.thumbnail { position: absolute; color: #3273dc; } +@media screen and (max-width: 769px) { + .navbar-main { + left: 0; + position: fixed; + right: 0; + z-index: 30; + top: 0; + } + .navbar-main .navbar-item { + padding: 0.55rem 0.75rem; + } + .navbar-main .navbar-item .navbar-dropdown { + box-shadow: none; + } +} .footer { background: #fff; } @@ -362,6 +377,10 @@ img.thumbnail { line-height: inherit; font-size: 17px; } +.navbar-menu .navbar-end { + line-height: inherit; + font-size: 14px; +} /* --------------------------------- * Fix content elements * --------------------------------- */ diff --git a/source/css/style.styl b/source/css/style.styl index 0990982..44779c5 100644 --- a/source/css/style.styl +++ b/source/css/style.styl @@ -16,7 +16,7 @@ body background-color: #f7f7f7 .section - padding: 6rem 1.5rem + padding: 2.0rem 1.5rem body, button, input, select, textarea font-family: family-sans @@ -36,7 +36,8 @@ body, button, input, select, textarea @media screen and (max-width: screen-tablet - 1) .section - padding: 5.5rem 1rem + padding: 4.5rem 1rem + @media screen and (min-width: screen-tablet) .column-main, @@ -122,6 +123,17 @@ img.thumbnail content '\2022' position absolute color: #3273dc +@media screen and (max-width: screen-tablet) + .navbar-main + left: 0; + position: fixed; + right: 0; + z-index: 30; + top: 0 + .navbar-item + padding: 0.55rem 0.75rem + .navbar-dropdown + box-shadow none .footer background: white @@ -333,6 +345,10 @@ img.thumbnail .fa, .fab, .fal, .far, .fas line-height: inherit font-size:17px +.navbar-menu + .navbar-end + line-height: inherit + font-size:14px /* --------------------------------- * Fix content elements