dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

new variables naming

Browse source
This commit is contained in:
Raphael Goetter 2017-08-02 11:16:36 +02:00
parent 765cc18307
commit c5606774af
2 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
changelog.md
View file

@ -16,6 +16,7 @@
- suppression du namespace "kna-", ne devrait pas être problématique dès lors que Grillade sera devenu inutile dans KNACSS - 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 - automatisation des classes utilitaires via Sass
- ajout de `* {min-width: 0}` pour éviter la valeur `auto` sur les flex-items et grid-items - 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) # changelog v6.1.2 (21 juin 2017)
- alignement des helpers flexbox sur ceux de Bootstrap (`.d-flex`, `.flex-row`, `.flex-column`, `.mr-auto`) - alignement des helpers flexbox sur ceux de Bootstrap (`.d-flex`, `.flex-row`, `.flex-column`, `.mr-auto`)

25
sass/_config/_variables.scss
View file

@ -26,15 +26,12 @@ $font-stack-headings : sans-serif; // headings font
$font-stack-monospace : consolas, courier, monospace; // monospace font $font-stack-monospace : consolas, courier, monospace; // monospace font
// color scheme // color scheme
$color1 : #000;
$color2 : #fff;
$color3 : #333;
$color4 : #000;
$color5 : #6FA939;
$color6 : #ddd;
$color7 : #777;
$color-light : #fff; $color-light : #fff;
$color-dark : #000; $color-dark : #000;
$color-gray1 : #ddd;
$color-gray2 : #777;
$color-gray3 : #333;
$color-brand : #6FA939;
$color-primary : #0275D8; $color-primary : #0275D8;
$color-success : #5CB85C; $color-success : #5CB85C;
$color-info : #5BC0DE; $color-info : #5BC0DE;
@ -45,16 +42,14 @@ $color-ghost : transparent;
$color-muted : #F7F7F7; $color-muted : #F7F7F7;
// colors used in project // colors used in project
$color-base : $color1; $color-base : $color-dark;
$background-base : $color2; $background-base : $color-light;
$color-link : $color3; $color-link : $color-gray3;
$color-link-hover: $color4; $color-link-hover: $color-dark;
$brand-primary: $color5; $color-forms : $color-gray2;
$color-burger : $color-dark;
$color-forms: $color7;
$color-burger: $color1;
// button, badges, alerts color variants list // button, badges, alerts color variants list
// name - background-color - color - border // name - background-color - color - border