Sass Lab
Sass is basically a shorthand way to write stylesheets for your website. It allows for nesting with two spaces. Also, it can do some basic math with constants. No more going around your CSS files updating the size or color of something.
If you click render below, you can see what I mean.
If you want a more detailed example, then you can
check out the stylesheet that is currently styling the
page you are reading.
Quick Notes
- An attribute starts with a colon and then the attribute
- No semi-colons
- Constants are defined by having a ! in front of them
- Attributes that want to use constants need the = after their name
- You can build 'dashed' attributes easily with attribute nesting... See the font declaration above!