From c5606774afc5dc8884b83e6d94deffe3b3b1255e Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Wed, 2 Aug 2017 11:16:36 +0200 Subject: [PATCH] new variables naming --- changelog.md | 1 + sass/_config/_variables.scss | 25 ++++++++++--------------- 2 files changed, 11 insertions(+), 15 deletions(-) diff --git a/changelog.md b/changelog.md index c2881e0..a34749f 100644 --- a/changelog.md +++ b/changelog.md @@ -16,6 +16,7 @@ - suppression du namespace "kna-", ne devrait pas être problématique dès lors que Grillade sera devenu inutile dans KNACSS - automatisation des classes utilitaires via Sass - ajout de `* {min-width: 0}` pour éviter la valeur `auto` sur les flex-items et grid-items +- renommage des variables couleur de projets # changelog v6.1.2 (21 juin 2017) - alignement des helpers flexbox sur ceux de Bootstrap (`.d-flex`, `.flex-row`, `.flex-column`, `.mr-auto`) diff --git a/sass/_config/_variables.scss b/sass/_config/_variables.scss index b33cd51..ca205b5 100644 --- a/sass/_config/_variables.scss +++ b/sass/_config/_variables.scss @@ -26,15 +26,12 @@ $font-stack-headings : sans-serif; // headings font $font-stack-monospace : consolas, courier, monospace; // monospace font // color scheme -$color1 : #000; -$color2 : #fff; -$color3 : #333; -$color4 : #000; -$color5 : #6FA939; -$color6 : #ddd; -$color7 : #777; $color-light : #fff; $color-dark : #000; +$color-gray1 : #ddd; +$color-gray2 : #777; +$color-gray3 : #333; +$color-brand : #6FA939; $color-primary : #0275D8; $color-success : #5CB85C; $color-info : #5BC0DE; @@ -45,16 +42,14 @@ $color-ghost : transparent; $color-muted : #F7F7F7; // colors used in project -$color-base : $color1; -$background-base : $color2; +$color-base : $color-dark; +$background-base : $color-light; -$color-link : $color3; -$color-link-hover: $color4; +$color-link : $color-gray3; +$color-link-hover: $color-dark; -$brand-primary: $color5; - -$color-forms: $color7; -$color-burger: $color1; +$color-forms : $color-gray2; +$color-burger : $color-dark; // button, badges, alerts color variants list // name - background-color - color - border