Sass + Foundation

SCSS/Compass/Sass Lesson w/ Matt:


– mixins act like functions

– can use math (times 2, darken/lighten by percentage = site color scheme!)

-bourban is like a more lightweight version of compass

@extend = like a mixin but doesn’t take arguments, just puts all stuff inside the element

–> helps to keep organized and cut down on the madness of normal CSS

symantic markup matches up with

thematic styling, can be changed in one place (themes!!!!)


.css.scss files are suped up css files, still work like normal css

Bootstrap and Foundation

– composable set of elements you can use

– Twitter Bootstrap built with LESS (just a diff preprocessor, less functional than Foundation).

Foundation built on SASS, which is default of Rails, easily can be revamped.

3 thoughts on “Sass + Foundation

  1. I read a lot of interesting posts here. Probably you spend a lot of time writing, i know how to save you a
    lot of time, there is an online tool that creates unique, google friendly articles in minutes, just
    search in google – laranitas free content source

  2. It’s hard to find your blog in google. I found it on 17 spot, you should build quality
    backlinks , it will help you to get more visitors. I know how to help you,
    just search in google – k2 seo tips and tricks

what are your thoughts?

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s