KNACSS/sass/knacss.scss
2017-08-01 21:13:27 +02:00

75 lines
2.4 KiB
SCSS

/*!
* www.KNACSS.com v7.0.0 (??? 2017) @author: Alsacreations, Raphael Goetter
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* ==Table Of Content */
/* ----------------------------- */
/*
1- Normalize (basic reset)
2- Libraries :
- Base (basic global styles)
- Print (basic print styles)
- Misc (hyphens)
- Layout (alignment, modules, positionning)
- Utilities (width and spacers helpers)
- Responsive (Responsive helpers)
- WordPress reset (disabled by default)
3- Components :
- Media object
- Autogrid object
- Skip Links
- Tables (data tables consistency)
- Forms (forms consistency)
- Buttons (buttons consistency)
- Checkbox (checkbox styles)
- Radio (radio styles)
- Tabs (tabs styles)
- Badges (badges consistency)
- Alerts (alerts consistency)
- Grillade (Grid System in Flexbox)
*/
@import "_vendor/_normalize"; // normalize (basic reset)
// WARNING : you should comment the following @import (variables)
// and move variables file from knacss folder to your own project folder!
@import "_config/_variables.scss";
@import "_config/_breakpoints.scss";
@import "_config/_mixins.scss";
// Libraries
@import "_library/_base.scss"; // basic styles
@import "_library/_print.scss"; // print quick reset
@import "_library/_misc.scss"; // skip links, hyphens
@import "_library/_layout.scss"; // alignment, modules, positionning
@import "_library/_utilities.scss"; // width and spacers helpers
@import "_library/_responsive.scss"; // Responsive Web Design helpers
// @import "_library/_wordpress.scss"; // WordPress reset and basic styles
// Components
@import "components/media.scss"; // media object
@import "components/autogrid.scss"; // media autogrid
@import "components/skip-links.scss"; // skip links
@import "components/tables.scss"; // data tables consistency
@import "components/forms.scss"; // forms consistency and styles
@import "components/buttons.scss"; // buttons styles
@import "components/checkbox.scss"; // checkbox styles
@import "components/radio.scss"; // radio styles
@import "components/tabs.scss"; // tabs styles
@import "components/badges.scss"; // badges styles
@import "components/alerts.scss"; // alerts styles
@import "components/grillade.scss"; // grids
/* ----------------------------- */
/* ==Own stylesheet */
/* ----------------------------- */
/* Here should go your own CSS styles */
// You can also link them with a Sass @import
// @import "my-styles";