From 04b48b95eca0e3dd5637ee06072e1859cc9e4090 Mon Sep 17 00:00:00 2001 From: Luke <17616949+nice42q@users.noreply.github.com> Date: Sat, 11 Mar 2023 11:35:36 +0100 Subject: [PATCH] code optimization --- _sass/base.scss | 71 ++++++++++++++++++++++++++++--------------------- 1 file changed, 41 insertions(+), 30 deletions(-) diff --git a/_sass/base.scss b/_sass/base.scss index 0c2d8ef..7100332 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -6,11 +6,23 @@ * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img { +html, +body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ul, +ol, +li, +img { margin: 0; padding: 0; border: 0; @@ -18,43 +30,42 @@ html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img { /*- Base color -*/ -$main-color: #E9E9E9; -$background-color: #0F0F0F; +$main-color: #e9e9e9; +$background-color: #0f0f0f; $text-color: #888888; /*- Base settings -*/ html { - background-color: $background-color; - font-size: 16px; - scroll-behavior: smooth; - @media (min-width: 940px) { - font-size: 18px; - } - line-height: 1.5; - color: $text-color; + background-color: $background-color; + font-size: 16px; + scroll-behavior: smooth; + @media (min-width: 940px) { + font-size: 18px; + } + line-height: 1.5; + color: $text-color; } - /*- Link -*/ a { - color: $main-color; - outline: 0; - border-bottom: 2px dotted #6a6d72; - text-decoration: none; - font-weight: 700; - -webkit-transition: all .3s ease; - -moz-transition: all .3s ease; - -ms-transition: all .3s ease; - -o-transition: all .3s ease; - transition: all .3s ease; - &:hover, - &:focus { - color: #999999; - border-bottom: 2px dotted #333333; - } + color: $main-color; + outline: 0; + border-bottom: 2px dotted #6a6d72; + text-decoration: none; + font-weight: 700; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + &:hover, + &:focus { + color: #999999; + border-bottom: 2px dotted #333333; + } } a#nav-menu { - border-bottom: none; + border-bottom: none; }