Don't like this style? Click here to change it! blue.css
This will be a hand's on day, so I'm giving you two additional ways to apply visual classes to your code (a third is the sample from projects/3).
Traditional Designer Workflow: Head to our Boilerplate-Stylus GitHub repo. Build a cloud9
workspace from it. stylus stylus/style.styl -o style.css
will compile the stylus folder into a
single css stylesheet. Let's talk out the structure and style of this workflow.
Abstract Toolbox Workflow: Head to the Palette-style-stylus repo and also build a
space from it. Use stylus style1.styl
to output style1.css
. Let's talk about how this
is setup.
So I want you to head back to week one's notes (as a group) and pick some of the CSS tricks we learned. Convert them into abstracted SMACSS style classes. Load them into one of the three workflows. Use our separation of concerns to apply a composite of several in several ways. (This is a hand's on intro to your project 3.)