small tweaks

niklasbuschmann · Nov 27, 2020 · 30571f9 · 30571f9
1 parent a8c8ba1
commit 30571f9
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 29 deletions.
diff --git a/_sass/basic.sass b/_sass/basic.sass
@@ -1,18 +1,10 @@
-@media (prefers-color-scheme: light)
-  body
-    background: $light
-    color: $dark
-
-@media (prefers-color-scheme: dark)
-  body
-    background: $dark
-    color: $light
-
 html
   font-size: 16px
   font-size: $font-size
 
 body
+  background: $light
+  color: $dark
   font-family: "PT Sans", -apple-system, "Helvetica Neue", "Segoe UI", "Roboto", sans-serif
   font-weight: $font-weight
   line-height: $line-height

diff --git a/_sass/index.sass b/_sass/index.sass
@@ -3,7 +3,7 @@ $font-weight: 400 !default
 $heading-weight: 600 !default
 $line-height: 1.6 !default
 $link-color: #68f !default
-$dark: #1e1f25 !default
+$dark: #1c1d22 !default
 $light: #ffffff !default
 
 @function reduce ($percent)

diff --git a/assets/css/frame.sass b/assets/css/frame.sass
@@ -3,30 +3,27 @@
 
 @import index, font, basic, layout
 
-body > header, body > article, body > footer
-  padding: 1.5em
-
 html
-  background: lighten($dark, 12%)
-  padding: 0 calc(38% - 18em)
-
-@media (min-width: 40em)
-  body > header, body > article, body > footer
-    padding: 1.65em 12.5%
+  background: lighten($dark, 14%)
+  padding: 0 calc(38% - 20em)
 
 body
+  box-shadow: 0 0 0 1px rgba(lighten($dark, 14%), 0.6)
   min-height: 100vh
-  box-shadow: 0 0 0 1px lighten($dark, 12%)
 
 body > header
-  background: darken($dark, 1%)
+  background: $dark
   color: $light
-  border-bottom: 1px solid lighten($dark, 12%)
+  border-bottom: 1px solid rgba(lighten($dark, 14%), 0.6)
 
-@media (prefers-color-scheme: dark) 
-  html
-    background: darken($dark, 3%)
+body > header, body > article, body > footer
+  padding: 1.65em calc(20% - 4em)
+
+@media (max-width: 36em)
+  body > header, body > article, body > footer
+    padding: 1.5em
 
-@media (prefers-color-scheme: light) 
-  html
-    background: lighten($dark, 12%)
+@media (prefers-color-scheme: dark)
+  html, body
+    background: $dark
+    color: $light
diff --git a/assets/css/index.sass b/assets/css/index.sass
@@ -3,6 +3,11 @@
 
 @import index, font, basic, layout
 
+@media (prefers-color-scheme: dark)
+  body
+    background: $dark
+    color: $light
+
 body > header, body > article, body > footer
   padding: 1.5em