diff options
Diffstat (limited to 'assets')
-rw-r--r-- | assets/scss/hallo.scss | 7 | ||||
-rw-r--r-- | assets/scss/hallo/_base.scss | 10 | ||||
-rw-r--r-- | assets/scss/hallo/_variables.scss | 6 |
3 files changed, 11 insertions, 12 deletions
diff --git a/assets/scss/hallo.scss b/assets/scss/hallo.scss index a9598db..ad32f21 100644 --- a/assets/scss/hallo.scss +++ b/assets/scss/hallo.scss @@ -1,3 +1,8 @@ +// Colours +$color-background: {{ .Site.Params.colors.background | default "#6fcdbd" }}; +$color-foreground: {{ .Site.Params.colors.foreground | default "#fff" }}; +$color-hover: {{ .Site.Params.colors.hover | default "#333" }}; + @import 'hallo/variables'; @import 'hallo/base'; -@import 'hallo/layout';
\ No newline at end of file +@import 'hallo/layout'; diff --git a/assets/scss/hallo/_base.scss b/assets/scss/hallo/_base.scss index 2b775fa..fe91eeb 100644 --- a/assets/scss/hallo/_base.scss +++ b/assets/scss/hallo/_base.scss @@ -1,6 +1,6 @@ html, body { - color: $default-light; + color: $color-foreground; margin: 1rem; padding: 0; } @@ -12,15 +12,15 @@ html { } body { - background-color: $background-1; + background-color: $color-background; } a { @include transition(color .2s ease-out); - color: $default-light; + color: $color-foreground; &:hover { - color: $default-dark; + color: $color-hover; } } @@ -35,7 +35,7 @@ h2 { img.portrait { border-radius: 50%; - border: 10px solid $default-light; + border: 10px solid $color-foreground; margin: 2em 3em; width: 300px; height: 300px; diff --git a/assets/scss/hallo/_variables.scss b/assets/scss/hallo/_variables.scss index e540bd3..c5071c2 100644 --- a/assets/scss/hallo/_variables.scss +++ b/assets/scss/hallo/_variables.scss @@ -1,9 +1,3 @@ -// Colours -$background-1: #6fcdbd; -$background-2: #81c6ff; -$default-light: #fff; -$default-dark: #333; - // Fonts $sans-serif: Montserrat, 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif; |