GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - GreatState/itcss-sample: A simple ITCSS structure sample

BranchesTags
Open more actions menu
 
 

Latest commit

 

History

18 Commits
18 Commits

Folders and files

NameName
Last commit message
Last commit date
img
img
 
 
src/scss
src/scss
 
 
.editorconfig
.editorconfig
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

Repository files navigation

▽ ITCSS Sample

A simple ITCSS folder structure sample.

What is ITCSS?

ITCSS stands for Inverted Triangle CSS and it helps you to organize your project CSS files in such way that you can better deal with (not always easy-to-deal with) CSS specifics like global namespace, cascade and selectors specificity.

— Lubos Kmetko, in ITCSS: Scalable and Maintainable CSS Architecture

It was created by Harry Roberts and it works very well with methodologies like BEM, SMACSS or OOCSS.

Check out INUITCSS to see the best example of ITCSS.

 

ITCSS Layers

 

Learn more about ITCSS

  • 📄 Manage large CSS projects with ITCSS, Harry Roberts - Creative Bloq
  • 📺 Managing CSS Projects with ITCSS, Harry Roberts - YouTube
  • :octocat: INUITCSS Project, Harry Roberts - GitHub

About

A simple ITCSS structure sample

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.