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

refonte des variables, première couche

Browse source
This commit is contained in:
Raphael Goetter 2017-10-17 17:06:15 +02:00
parent 1a05e71249
commit d23ef90a0c
9 changed files with 100 additions and 187 deletions
Download patch file Download diff file Expand all files Collapse all files

61
sass/_config/_variables.scss
View file

@ -9,33 +9,24 @@ $medium : 768px !default;
$large : 992px !default;
$extra-large : 1200px !default;
// tiny font sizes (mobile first)
$base-font-size : 1.4rem; // ex. 1.4rem would be "14px" equivalent
$h1-size : 2.8rem; // equiv "28px"
$h2-size : 2.4rem; // equiv "24px"
$h3-size : 2.0rem; // equiv "20px"
$h4-size : 1.8rem; // equiv "18px"
$h5-size : 1.6rem; // equiv "16px"
$h6-size : 1.4rem; // equiv "14px"
// font sizes
$font-size-base : 1.6rem; // ex. 1.6rem would be "16px" equivalent
$h1-size : 3.2rem; // equiv "32px"
$h2-size : 2.8rem; // equiv "28px"
$h3-size : 2.4rem; // equiv "24px"
$h4-size : 2.0rem; // equiv "20px"
$h5-size : 1.8rem; // equiv "18px"
$h6-size : 1.6rem; // equiv "16px"
// large font sizes
$base-font-size-l : 1.6rem; // ex. 1.6rem would be "16px" equivalent
$h1-size-l : 3.2rem; // equiv "32px"
$h2-size-l : 2.8rem; // equiv "28px"
$h3-size-l : 2.4rem; // equiv "24px"
$h4-size-l : 2.0rem; // equiv "20px"
$h5-size-l : 1.8rem; // equiv "18px"
$h6-size-l : 1.6rem; // equiv "16px"
// font stacks
$font-stack-common : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; // system font stack
$font-stack-headings : sans-serif; // font for h1, h2.. h6
$font-stack-monospace : consolas, courier, monospace; // font for code and samples
// font families
$font-family-base : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; // system font stack
$font-family-headings : sans-serif; // font for h1, h2.. h6
$font-family-monospace : consolas, courier, monospace; // font for code and samples
// line heights
$line-height-s : 1.1;
$line-height : 1.3;
$line-height-l : 1.5;
$line-height-s : 1.3;
$line-height-base : 1.5;
$line-height-l : 1.7;
// font weights
$weight-light : 200;
@ -103,10 +94,14 @@ $color-inverse : $gray-800;
$color-ghost : transparent;
$color-muted : $gray-200;
$color-base : $black;
$color-base : $gray-900;
$background-base : $white;
$link-color : $gray-800;
$link-color-hover: $black;
$link-color : $gray-800;
$link-color-hover : darken($link-color, 15%);
$link-decoration : none;
$link-decoration-hover : underline;
$forms-color : $gray-800;
// component: quotes
@ -115,11 +110,13 @@ $quote-color : $gray-200;
// component: arrows
$arrow-color : $black;
// component: checkboxes, radios
$checkbox-color : $gray-800;
$checkbox-size: 2rem;
$checkbox-border-radius: 4px;
$switch-border-radius: 3em;
// component: checkboxes, radios, switches
$checkbox-color : $gray-800;
$checkbox-size : 2rem;
$checkbox-border-radius : 4px;
$switch-color : $gray-800;
$switch-size : 2rem;
$switch-border-radius : 3em;
// component: tables
$table-border : $gray-500;