Skip to content

Instantly share code, notes, and snippets.

@4lun
Last active October 4, 2016 11:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 4lun/33a4720d8b2ad1816e4399f542b1da20 to your computer and use it in GitHub Desktop.
Save 4lun/33a4720d8b2ad1816e4399f542b1da20 to your computer and use it in GitHub Desktop.
Starting point for an ITCSS based CSS file (assumes PostCSS)
/*
Based on ITCSS structure (http://tinyurl.com/hgujuha)
# Layers
- Settings: font, colors definitions, etc.
- Tools: globally used mixins and functions.
- Generic: reset/normalize styles, box-sizing definition, etc.
- Elements: styling for bare HTML elements.
- Objects: class-based selectors which define undecorated design patterns
- Components: specific UI components
# Notes
- No CSS should be outputted from the first 2 layers (settings & tools)
*/
/* Settings */
@import 'settings/colors';
/* Tools */
@import 'tools/grid';
/* Generic */
@import 'generic/reset';
/* Elements */
@import 'elements/body';
/* Objects */
@import 'objects/list';
/* Components */
@import 'components/header';
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment