Skip to content

An implementation of ITCSS to get up and running for a large scale project

Notifications You must be signed in to change notification settings

danhenderson/my-itcss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ITCSS

  • A meta-framework (a framework for frameworks) created by Harry Roberts
  • Inverted Triangle achitecture for CSS
  • A sane, scalable, managed architecture

CSS' Fault

  • Cascade and inheritance
  • Very loose
  • Highly dependent on source order
  • Not very expressive
  • Lots of gotchas
  • Specificity

Our Fault

  • Lack of documentation
  • Lack of structure, QA
  • Mixture of abilities
  • Different styles
  • Not aware of what already exists
  • Adding new styles to end of stylesheets

Idea

  • Write CSS in specificity order
  • Generic to Explicit
  • Far Reaching to Local
  • Low Specificity to High Specificity

Layers

  • Settings - global variables
  • Tools - mixins and functions
  • Generic - ground zero styles e.g. normalize, resets etc.
  • Base - unclassed HTML elements i.e. type selectors
  • Objects - cosmetic free design patters e.g. grid
  • Components - designed UI components
  • Trumps - helpers and overrides

About

An implementation of ITCSS to get up and running for a large scale project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published