diff --git a/assets/settings/_colors.scss b/assets/settings/_colors.scss new file mode 100644 index 0000000..47f5183 --- /dev/null +++ b/assets/settings/_colors.scss @@ -0,0 +1,14 @@ +/* ************************************************************************** + SETTINGS > COLORS + To get the color name: http://veli.ee/colorpedia/?c=354052 + ************************************************************************** */ + +// Black +$black: #000000; +$ebony-clay: #273142; +$mirage: #1b2431; +$mirage2: #171e29; +$oxford-blue: #313d4f; + +// White +$white: #ffffff; diff --git a/components/BaseCheatsheet.vue b/components/BaseCheatsheet.vue index faea237..43d9282 100644 --- a/components/BaseCheatsheet.vue +++ b/components/BaseCheatsheet.vue @@ -73,9 +73,9 @@ $c: ".c-base-cheatsheet"; #{$c} { display: block; padding: 10px; - border: 1px solid #313d4f; + border: 1px solid $oxford-blue; border-radius: 6px; - background: #273142; + background: $ebony-clay; #{$c}__link { #{$c}__thumbnail { @@ -92,7 +92,7 @@ $c: ".c-base-cheatsheet"; #{$c}__name { margin-bottom: 20px; - color: #ffffff; + color: $white; font-size: 18px; } diff --git a/components/BaseDivider.vue b/components/BaseDivider.vue index 38b77a2..ccf6b18 100644 --- a/components/BaseDivider.vue +++ b/components/BaseDivider.vue @@ -37,7 +37,7 @@ $c: ".c-base-divider"; #{$c}__category { margin-right: 40px; - color: #ffffff; + color: $white; text-align-last: left; text-transform: uppercase; font-weight: bold; @@ -49,7 +49,7 @@ $c: ".c-base-divider"; display: block; height: 1px; border: 0; - border-top: 1px solid #313d4f; + border-top: 1px solid $oxford-blue; } } diff --git a/components/TheCopyright.vue b/components/TheCopyright.vue index 4c19789..d986c8b 100644 --- a/components/TheCopyright.vue +++ b/components/TheCopyright.vue @@ -48,15 +48,15 @@ $c: ".c-the-copyright"; display: flex; align-items: center; justify-content: center; - padding: 5px 5px 5px 10px; - border-top: 1px solid #313d4f; - border-left: 1px solid #313d4f; + padding: 5px 10px; + border-top: 1px solid $oxford-blue; + border-left: 1px solid $oxford-blue; border-top-left-radius: 4px; - background-color: #171e29; + background-color: $mirage2; #{$c}__name { margin-right: 6px; - color: #ffffff; + color: $white; font-size: 14px; } diff --git a/dist/200.html b/dist/200.html index d9bc653..fa07881 100644 --- a/dist/200.html +++ b/dist/200.html @@ -1,9 +1,9 @@
-