diff --git a/template/scss/_colors.scss b/template/scss/_colors.scss index 4dabbb4..710e00b 100644 --- a/template/scss/_colors.scss +++ b/template/scss/_colors.scss @@ -1,5 +1,4 @@ $green: #69a840; -$black: #000000; +$black: #000; $light-gray: #d3d3d3; - $background-color: $light-gray; diff --git a/template/scss/_fonts.scss b/template/scss/_fonts.scss index 364e4b1..483f1eb 100644 --- a/template/scss/_fonts.scss +++ b/template/scss/_fonts.scss @@ -1,4 +1,5 @@ // Generated with https://google-webfonts-helper.herokuapp.com/fonts/noto-sans?subsets=latin + /* noto-sans-regular - latin */ @font-face { font-family: 'Noto Sans'; diff --git a/template/scss/_header.scss b/template/scss/_header.scss index 59b6132..085e524 100644 --- a/template/scss/_header.scss +++ b/template/scss/_header.scss @@ -5,13 +5,11 @@ #header { .text { background-color: $green; - - padding: 5px 0px; + padding: 5px 0; .logo-link { display: flex; justify-content: center; - width: 100%; @include r.normal { @@ -21,6 +19,7 @@ img { max-width: 85%; + // height: 100%; @include r.normal { max-height: 100px; diff --git a/template/scss/_menu.scss b/template/scss/_menu.scss index de5f9ea..a6e7d13 100644 --- a/template/scss/_menu.scss +++ b/template/scss/_menu.scss @@ -30,7 +30,6 @@ > a { border: 1pt solid c.$black; padding: 5px 10px; - text-decoration: none; color: inherit; } diff --git a/template/scss/_responsive.scss b/template/scss/_responsive.scss index 783f129..07ef12b 100644 --- a/template/scss/_responsive.scss +++ b/template/scss/_responsive.scss @@ -3,7 +3,7 @@ $width-narrow: 750px; $width-normal: 1000px; $width-wide: 1600px; -@mixin responsive ($min-width) { +@mixin responsive($min-width) { @media screen and (min-width: $min-width) { @content; } diff --git a/template/scss/main.scss b/template/scss/main.scss index 5f4ff86..3343a7d 100644 --- a/template/scss/main.scss +++ b/template/scss/main.scss @@ -6,16 +6,14 @@ @use './menu'; @use "./footer"; -$color-green-1: rgb(184,229,162); -$color-green-2: rgb(162,221,131); - -$color-brown-header: rgb(0,62,41); -$color-darkgreen: rgb(1,67,39); -$color-midgreen: rgb(0,70,8); -$color-green: rgb(5,162,23); -$color-petrol: rgb(6,78,75); -$color-darkgray: rgb(0,40,39); - +$color-green-1: rgb(184 229 162); +$color-green-2: rgb(162 221 131); +$color-brown-header: rgb(0 62 41); +$color-darkgreen: rgb(1 67 39); +$color-midgreen: rgb(0 70 8); +$color-green: rgb(5 162 23); +$color-petrol: rgb(6 78 75); +$color-darkgray: rgb(0 40 39); $major-radius: 15px; $big-button-radius: 10px; $button-radius: 5px; @@ -24,17 +22,16 @@ $button-radius: 5px; $width-narrow: 750px; $width-normal: 1000px; $width-wide: 1600px; - $indent-menu-left: 25px; body { - padding: 0px; - margin: 0px auto; + padding: 0; + margin: 0 auto; font-size: 12px; + // max-width: 1100px; min-height: 100.1vh; background-color: colors.$background-color; - font-family: 'Noto Sans', sans-serif; @include r.narrow {