A base set of SCSS stylesheets to start projects. No frameworks or learning curve, just a set of empty files to be customised as you need and a couple of handy mixins and functions.
We work with plain HMTL, Ruby on Rails and PHP projects at season, so we've been working on a (really) simple structure affordable for all scenarios that can be used as standalone or integrated with generators/compilers such as yeoman or compass.
| Directory | Purpose |
|---|---|
core |
Core styles: variables, functions and mixins. |
base |
Holding the collection of high-level parts. |
layout |
Define the the relationship between base elements or components. |
components |
Define the relationship between elements. |
elements |
Lowest-level repeatable elements. |
vendor |
Vendor files, in case you need to add them here. |
Place here the the header, site navigation or the site footer.
Layout templates. How many page types are in the website? Here you would define sidebars, margins between regions and that stuff.
Use as an example an agenda teaser display. You would have some elements (date view, title, description and a call to action). Here you would build this teaser display.
The lowest-level. Buttons, date displays, blockquotes...
This codebase has been baked by @season_es and is inspired by a bunch of lectures and conversations about structures.