Skip to content
/ itscss Public template

A Sass (SCSS) starter kit for large scale websites and applications using the ITCSS model.

Notifications You must be signed in to change notification settings

anthify/itscss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

itscss

A Sass (SCSS) starter project for large scale websites and applications using the ITCSS model.

Inspired by the creator of ITCSS, Harry Robert, and the blog SCALABLE, MODULAR CSS by James Basoo

ITCSS philosophy is based on the 'Inverted triangle of specificity'. alt text

  1. Settings: Global variables config switches (colours, screen sizes)
  2. Tools: Functions and mixins
  3. Generic: Ground-zero styles (normalize/reset.css, box-sizing)
  4. Base: Unclassed HTML elements (type selectors)
  5. Objects: Unstyled design patterns (media object)
  6. Components: Styled objects, chunks of UI
  7. Theme (optional): Themed components, used for multiple sites with the same layout and components. Can be utilised for multi-site Magento setups.
  8. Trumps: Helpers and overrides, e.g. .float-left { float:left !important;}

Naming

It follows the BEM naming convetion.

.block {}
.block__element {}
.block--modifier {}

Happy SCSS'in!

About

A Sass (SCSS) starter kit for large scale websites and applications using the ITCSS model.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages