2012-03-21 17:09:33 +00:00
|
|
|
!SLIDE
|
|
|
|
|
|
|
|
# The future!
|
|
|
|
|
|
|
|
!SLIDE medium-list
|
|
|
|
# Sass
|
|
|
|
* Associative array data type (Hash)
|
|
|
|
* Better list functions
|
|
|
|
* `@content`
|
|
|
|
|
|
|
|
!SLIDE
|
|
|
|
## @content
|
|
|
|
``` scss
|
2012-03-23 19:55:41 +00:00
|
|
|
@mixin do-something {
|
2012-03-21 17:09:33 +00:00
|
|
|
font-size : 12px;
|
|
|
|
color : red;
|
|
|
|
@content;
|
2012-03-23 19:55:41 +00:00
|
|
|
}
|
2012-03-21 17:09:33 +00:00
|
|
|
|
|
|
|
p {
|
|
|
|
@include do-something {
|
|
|
|
color : blue;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
``` css
|
|
|
|
p {
|
|
|
|
font-size : 12px;
|
|
|
|
color : red;
|
|
|
|
color : blue;
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
!SLIDE medium-list
|
|
|
|
# Compass
|
|
|
|
* Media query framework
|
2012-03-23 19:55:41 +00:00
|
|
|
* A CSS hacks library
|
|
|
|
* Extract Blueprint from Compass to a stand alone framework
|