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

Add !default flag on variables

Browse source
This commit is contained in:
Olivier 2018-11-04 11:17:13 +01:00
parent 5bd082dfef
commit 3beb5270b6
1 changed files with 49 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

98
sass/_config/_variables.scss
View file

@ -80,7 +80,7 @@ $hyphens: false !default;
// ------------ // ------------
// Number of grid-columns // Number of grid-columns
$cols: 12; $cols: 12 !default;
// Grid gutters (for .has-gutter-* classes) // Grid gutters (for .has-gutter-* classes)
$grid-gutters: ( $grid-gutters: (
@ -136,60 +136,60 @@ $orange-500 : #F0AD4E !default;
$red-500 : #D9534F !default; $red-500 : #D9534F !default;
// Semantic colors // Semantic colors
$color-brand : $green-500; $color-brand : $green-500 !default;
$color-primary : $blue-500; $color-primary : $blue-500 !default;
$color-success : $green-500; $color-success : $green-500 !default;
$color-info : $blue-300; $color-info : $blue-300 !default;
$color-warning : $orange-500; $color-warning : $orange-500 !default;
$color-danger : $red-500; $color-danger : $red-500 !default;
$color-inverse : $gray-800; $color-inverse : $gray-800 !default;
$color-ghost : transparent; $color-ghost : transparent !default;
$color-muted : $gray-200; $color-muted : $gray-200 !default;
$color-base : $gray-900; $color-base : $gray-900 !default;
$background-base : $white; $background-base : $white !default;
$forms-color : $gray-800; $forms-color : $gray-800 !default;
// --------------- // ---------------
// Components zone // Components zone
// --------------- // ---------------
// Component: links // Component: links
$link-color : $gray-800; $link-color : $gray-800 !default;
$link-color-hover : darken($link-color, 15%); $link-color-hover : darken($link-color, 15%) !default;
$link-decoration : underline; $link-decoration : underline !default;
$link-decoration-hover : underline; $link-decoration-hover : underline !default;
// Global border-radius // Global border-radius
$border-radius: 0 !default; $border-radius: 0 !default;
// Component: quotes // Component: quotes
$quote-color : $gray-200; $quote-color : $gray-200 !default;
// Component: arrows // Component: arrows
$arrow-color : $black; $arrow-color : $black !default;
// Components: checkboxes, radios, switches // Components: checkboxes, radios, switches
$checkbox-color: $white; $checkbox-color: $white !default;
$checkbox-background: $gray-800; $checkbox-background: $gray-800 !default;
$checkbox-size: 2rem; $checkbox-size: 2rem !default;
$checkbox-border-radius: 4px; $checkbox-border-radius: 4px !default;
$radio-color: $gray-800; $radio-color: $gray-800 !default;
$radio-background: $white; $radio-background: $white !default;
$switch-color: $white; $switch-color: $white !default;
$switch-background: $gray-800; $switch-background: $gray-800 !default;
$switch-size: 2rem; $switch-size: 2rem !default;
$switch-border-radius: 3em; $switch-border-radius: 3em !default;
// Component: tables // Component: tables
$table-border : $gray-500; $table-border : $gray-500 !default;
$table-caption-color : $gray-800; $table-caption-color : $gray-800 !default;
$table-background : transparent; $table-background : transparent !default;
$table-head-color : $color-base; $table-head-color : $color-base !default;
$table-head-background : transparent; $table-head-background : transparent !default;
$table-footer-color : $color-base; $table-footer-color : $color-base !default;
$table-footer-background : transparent; $table-footer-background : transparent !default;
// Components: buttons, badges, alerts color variants list // Components: buttons, badges, alerts color variants list
// Convention is: name - background-color - color - border // Convention is: name - background-color - color - border
@ -204,18 +204,18 @@ $variants-list: (
) !default; ) !default;
// Component: tabs // Component: tabs
$tabs-border : $gray-200; $tabs-border : $gray-200 !default;
$tabs-active-border : $gray-800; $tabs-active-border : $gray-800 !default;
$tabs-color : $color-base; $tabs-color : $color-base !default;
$tabs-active-color : $gray-800; $tabs-active-color : $gray-800 !default;
$tabs-background : transparent; $tabs-background : transparent !default;
$tabs-active-background : transparent; $tabs-active-background : transparent !default;
$tabs-border-radius : 0; $tabs-border-radius : 0 !default;
// Component: nav burger button // Component: nav burger button
$burger-color : $gray-800; $burger-color : $gray-800 !default;
$burger-background : transparent; $burger-background : transparent !default;
$burger-hover-background : transparent; $burger-hover-background : transparent !default;
$burger-size : 2.6rem; $burger-size : 2.6rem !default;
$burger-weight : 5px; // size of stripes $burger-weight : 5px !default; // size of stripes
$burger-padding : 0; $burger-padding : 0 !default;