diff --git a/assets/sass/_dark.scss b/assets/sass/_dark.scss index 0dff707..9f4c511 100644 --- a/assets/sass/_dark.scss +++ b/assets/sass/_dark.scss @@ -240,6 +240,10 @@ color: $dark-gray; opacity: 1; } + + &_social-icons a svg { + color: $dark-blockquote-text; + } } // 404 Page diff --git a/assets/sass/_layout.scss b/assets/sass/_layout.scss index 72371bd..87038e5 100644 --- a/assets/sass/_layout.scss +++ b/assets/sass/_layout.scss @@ -115,26 +115,27 @@ font-size: $small-font-size - 1; display: block; color: $gray; - opacity: 0.8; margin-top: .7rem; padding: .3rem .95rem; } &_social-icons { a { + display: inline-block; + opacity: .7; text-decoration: none; margin-right: .31rem; - } - svg { - color: #888a90; - height: 24px; - width: 24px; + svg { + color: $black; + height: 24px; + width: 24px; + } + &:hover { - color: rgb(221, 221, 221); + opacity: 1; } } - } } diff --git a/assets/sass/_post.scss b/assets/sass/_post.scss index 38b50cf..daff523 100644 --- a/assets/sass/_post.scss +++ b/assets/sass/_post.scss @@ -8,7 +8,7 @@ // Post title .header { - margin-top: 7.8em; + margin-top: 3em; .header-title { font-size: 2em; diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 17d1f96..4c92830 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -1,5 +1,5 @@ //////////////// 1. Light Colors ///////////////// -$text-base-color: #434648; +$text-base-color: #2a2c2e; $text-link-blue: #003fff; $text-link-blue-active: #0036c7; $bloquote-border: #c4c8cc; @@ -49,8 +49,8 @@ $bold-weight: 700; // $black-weight: 900; // uncomment if necessary //////////////// 4.Responsive design (media queries) ///////////////// -$wide-size: 890px; -$narrow-size: 720px; +$wide-size: 1070px; +$narrow-size: 900px; // Padding unit $spacing-full: 30px;