d8a0b5e8d0
Adapted w3c structure for html5 elements New files for different sections of elements Indentation now made with tabs Added optional "above the fold" file
78 lines
No EOL
2 KiB
SCSS
78 lines
No EOL
2 KiB
SCSS
/*
|
|
* # TABLE OF CONTENTS
|
|
*
|
|
* - Reset
|
|
* - Configuration
|
|
* - Special modules
|
|
* - Basic styles
|
|
* - Sections
|
|
* - Typography
|
|
* - I/O
|
|
* - Modules
|
|
*
|
|
* - Elements
|
|
* - Navigation
|
|
* - Links
|
|
* - Menus
|
|
* - Accessibility
|
|
* - Alignments
|
|
* - Clearings
|
|
* - Widgets
|
|
* - Content
|
|
* - Posts and pages
|
|
* - Comments
|
|
* - Infinite scroll
|
|
* - Media
|
|
* - Captions
|
|
* - Galleries
|
|
*
|
|
*/
|
|
|
|
|
|
// Reset
|
|
// Use a file outside of hippie i.e. other/normalize.css
|
|
// -----------------------------------------------------------------------------
|
|
@import "other/normalize.css";
|
|
|
|
|
|
|
|
// Global configuration with default values
|
|
// Adjustments can be made by copying values from default to config
|
|
// -----------------------------------------------------------------------------
|
|
@import "default"; // NOTE // do not edit
|
|
@import "config"; // EDIT THIS // copy default values and adjust
|
|
|
|
|
|
|
|
// Modules and variables
|
|
// Additional modules can be defined here
|
|
// -----------------------------------------------------------------------------
|
|
@import "modules/flexbox";
|
|
@import "modules/vendor";
|
|
//@import modules/all deprecated because of the new vendor mixin
|
|
//@import modules/*/* needs sass-glob
|
|
// ADD HERE // @import "modules/example";
|
|
|
|
// Basic styles - this is the core of definitions
|
|
// Individual styles can be added her
|
|
// -----------------------------------------------------------------------------
|
|
@import "basic/common";
|
|
@import "basic/typography";
|
|
// Following the w3c document element structure
|
|
// https://w3c.github.io/html/index.html#contents
|
|
@import "basic/sections";
|
|
@import "basic/grouping";
|
|
@import "basic/textlevel";
|
|
@import "basic/embedded";
|
|
@import "basic/tables";
|
|
@import "basic/interactive";
|
|
// ADD HERE // @import "{name}/example";
|
|
|
|
// Individual Modules and variables
|
|
// in dependency to other styles
|
|
// -----------------------------------------------------------------------------
|
|
@import "modules/card/card_module";
|
|
@import "modules/editor/editor_module";
|
|
@import "modules/explanation/explanation_module";
|
|
|
|
// NOTE // No css rules allowed in here |