diff --git a/themes/_base.sass b/themes/_base.sass index 23886dd..7e1bb9c 100644 --- a/themes/_base.sass +++ b/themes/_base.sass @@ -1,3 +1,11 @@ +$dark-theme: false +$light-theme: false +$font-main: "Lora", sans-serif +$font-monospace: "Inconsolata", monospace +$color-text--light: lighten($color-text, 20%) +$gap-l: 2.5rem +$gap-m: 1rem + body margin: $gap-l auto max-width: 700px @@ -11,7 +19,6 @@ body color: $color-bg background: $color-selection - h1, h2, h3 font-family: $font-main, margin-top: $gap-l @@ -31,26 +38,5 @@ a pre font-family: $font-monospace -.isa_info, .isa_success, .isa_warning, .isa_error - width: 90% - margin: 10px 0px - padding: 12px - -.isa_info - color: #00529b - background-color: #bde5f8 - -.isa_success - color: #4f8a10 - background-color: #dff2bf - -.isa_warning - color: #9f6000 - background-color: #feefb3 - -.isa_error - color: #d8000c - background-color: #ffd2d2 - .timestamp color: $color-text--light diff --git a/themes/dark.sass b/themes/dark.sass index 33f8531..4e9b456 100644 --- a/themes/dark.sass +++ b/themes/dark.sass @@ -1,11 +1,6 @@ -$font-main: "Lora", sans-serif -$font-monospace: "Inconsolata", monospace -$color-bg: #191919 -$color-text: #ffffffcf -$color-text--light: lighten($color-text, 20%) -$color-link: #6FB0E2 -$color-selection: #9BA6B0 -$gap-l: 2.5rem -$gap-m: 1rem - -@use "base" +@use 'base' with ( + $color-bg: #191919 + $color-text: #ffffffcf + $color-link: #6FB0E2 + $color-selection: #9BA6B0 +) diff --git a/themes/light.sass b/themes/light.sass index 103af30..e5f3744 100644 --- a/themes/light.sass +++ b/themes/light.sass @@ -1,11 +1,6 @@ -$font-main: "Lora", sans-serif -$font-monospace: "Inconsolata", monospace -$color-bg: #fffff5 -$color-text: #000 -$color-text--light: lighten($color-text, 20%) -$color-link: #195880 -$color-selection: #4D5460 -$gap-l: 2.5rem -$gap-m: 1rem - -@use "base" +@use 'base' with ( + $color-bg: #fffff5 + $color-text: #000 + $color-link: #195880 + $color-selection: #4D5460 +)