KNACSS/sass/knacss.scss
2019-07-19 10:37:17 +02:00

74 lines
2.2 KiB
SCSS

/*!
* www.KNACSS.com v7.1.2 (january, 30 2019) @author: Alsacreations, Raphael Goetter
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* ==Table Of Content */
/* ----------------------------- */
/*
1- Abstracts (variables and mixins)
2- Base :
- Reset
- Print
- Layout (alignment, modules, positionning)
- Utilities (width and spacers helpers)
- Responsive helpers
- WordPress reset (disabled by default)
- Grillade (Grid System)
3- Components :
- Media object
- Skip Links for accessibility
- Tables
- Forms
- Buttons
- Checkbox
- Tabs
- Tags
- Badges
- Alerts
*/
// WARNING : you should comment the following @import (variables)
// and move variables file from knacss folder to your own project folder!
@import "abstracts/variables";
@import "abstracts/mixins";
// Core Libraries
@import "base/reset"; // basic styles
@import "base/print"; // print quick reset
@import "base/layout"; // alignment, modules, positionning
@import "base/responsive"; // Responsive Web Design helpers
// Utilities (loaded if $utilities variable is true).
@if variable-exists(utilities) and $utilities==true {
@import "base/utilities"; // width and spacer helpers
}
// WordPress reset and basics (loaded if $wordpress variable is true).
@if variable-exists(wordpress) and $wordpress==true {
@import "base/wordpress"; // WordPress reset and basic styles
}
// Grid System (Grid Layout chosen if $ie variable is true).
@if variable-exists(ie) and $ie==true {
@import "base/grillade-flex"; // grid system with Flexbox (old version)
} @else {
@import "base/grillade-grid"; // grid system with Grid Layout
}
// Components
@import "components/alerts"; // alerts styles
@import "components/arrows"; // arrows styles
@import "components/badges"; // badges styles
@import "components/buttons"; // buttons styles
@import "components/checkbox"; // checkbox, radio, switch styles
@import "components/forms"; // forms consistency and styles
@import "components/media"; // media object
@import "components/skip-links"; // skip links
@import "components/tables"; // data tables consistency
@import "components/tabs"; // tabs styles
@import "components/tags"; // tags styles