KNACSS/sass/knacss.scss

75 lines
2.2 KiB
SCSS
Raw Normal View History

2016-05-16 15:45:14 +02:00
/*!
* www.KNACSS.com v7.1.2 (january, 30 2019) @author: Alsacreations, Raphael Goetter
2016-05-16 15:45:14 +02:00
* Licence WTFPL http://www.wtfpl.net/
*/
2016-05-20 08:58:56 +02:00
/* ----------------------------- */
/* ==Table Of Content */
/* ----------------------------- */
2016-05-21 08:33:15 +02:00
/*
2019-07-19 10:37:17 +02:00
1- Abstracts (variables and mixins)
2019-07-17 11:15:55 +02:00
2- Base :
- Reset
2017-08-08 17:07:24 +02:00
- Print
- Layout (alignment, modules, positionning)
- Utilities (width and spacers helpers)
2017-08-08 17:07:24 +02:00
- Responsive helpers
- WordPress reset (disabled by default)
2017-12-06 09:40:30 +01:00
- Grillade (Grid System)
3- Components :
- Media object
2017-08-08 17:07:24 +02:00
- Skip Links for accessibility
- Tables
- Forms
- Buttons
- Checkbox
- Tabs
2017-10-03 11:09:14 +02:00
- Tags
2017-08-08 17:07:24 +02:00
- Badges
- Alerts
*/
2016-05-20 09:04:01 +02:00
2016-09-21 10:05:29 +02:00
// WARNING : you should comment the following @import (variables)
// and move variables file from knacss folder to your own project folder!
2019-07-17 11:15:55 +02:00
@import "abstracts/variables";
2016-09-21 10:05:29 +02:00
2019-07-17 11:15:55 +02:00
@import "abstracts/mixins";
2016-05-16 15:45:14 +02:00
2017-12-06 09:40:30 +01:00
// Core Libraries
@import "base/reset"; // basic styles
2019-07-17 11:15:55 +02:00
@import "base/print"; // print quick reset
@import "base/layout"; // alignment, modules, positionning
@import "base/responsive"; // Responsive Web Design helpers
2019-07-19 10:37:17 +02:00
// Utilities (loaded if $utilities variable is true).
@if variable-exists(utilities) and $utilities==true {
@import "base/utilities"; // width and spacer helpers
}
2019-07-19 10:27:01 +02:00
// 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
}
2017-12-06 09:40:30 +01:00
// 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
2017-12-19 15:15:52 +01:00
@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