From 623b9a3b7f0d11b10df9d5aa0bf06e827839043d Mon Sep 17 00:00:00 2001 From: ray Date: Mon, 18 May 2020 21:39:14 +0100 Subject: [PATCH] add color scss variables --- src/scss/_color.scss | 37 +++++++++++++++++++++++++++++++++++++ src/scss/_variables.scss | 6 ++++++ 2 files changed, 43 insertions(+) create mode 100644 src/scss/_color.scss diff --git a/src/scss/_color.scss b/src/scss/_color.scss new file mode 100644 index 0000000..e0cd4de --- /dev/null +++ b/src/scss/_color.scss @@ -0,0 +1,37 @@ +$color__primary-900: #352892; +$color__primary-800: #423ca7; +$color__primary-700: #4947b3; +$color__primary-600: #5251bf; +$color__primary-500: #585aca; +$color__primary-400: #6f74d3; +$color__primary-300: #888fdb; +$color__primary-200: #aaafe6; +$color__primary-100: #cccef0; +$color__primary-50: #ebecf9; + +$color__secondary: #788bff; +$color__tertiary: #3f3d56; + +$color__accent-900: #00672e; +$color__accent-800: #00854c; +$color__accent-700: #00965a; +$color__accent-600: #00a76b; +$color__accent-500: #00b678; +$color__accent-400: #00c48b; +$color__accent-300: #00d39e; +$color__accent-200: #14e3ba; +$color__accent-100: #94eed5; +$color__accent-50: #d5f9f0; + +$color__neutral-900: #0f1317; +$color__neutral-800: #2c3437; +$color__neutral-700: #454d50; +$color__neutral-600: #6d7477; +$color__neutral-500: #959c9e; +$color__neutral-400: #a8b0b1; +$color__neutral-300: #bcc4c5; +$color__neutral-200: #d0d7d8; +$color__neutral-100: #e4ebec; + +$color__white: #ffffff; +$color__black: #05080c; diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index d6bbb9c..2e6357f 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -1,3 +1,5 @@ +@import "color"; + $bp-s: 576px; $bp-m: 768px; $bp-l: 992px; @@ -11,3 +13,7 @@ $bp-max-l: 991.98px; $bp-max-xl: 1199.98px; $column-max-width: 1140px; + +$color-body: $color__neutral-700; +$background-color: $color__white; +