lscss

Structure

css/
├── base/
|   ├── typography.css
|   └── reset.css
├── modules/
|   ├── button.css
|   ├── util.css
|   └── label.css
└── fcss/
    ├── colors.css
    └── fonts.css

base - We use just HTML element as CSS selectors here.

If you're using a preprocessor, you can stores your variable's files in the base folder.

modules - This folder contains all the modules. Header, home, partials.

/* modules/home.css */

.home-btn {
  /* high specific style here */
}

Make shure to prefix your class with the name of your module.

fcss - All functional css classes are stored in this folder. If you're using funkcss, here is where you store your custom helpers.

filipelinhares/lscss.md

lscss

Structure

License