This document discusses SASS and CSS architecture. It covers the basics of SASS including using .sass and .scss file extensions, compiling SASS to CSS with the --watch option, and features like variables, nesting, mixins, extends, if/else statements, placeholders, and partials. It also mentions source maps and recommends style guides and best practices for naming conventions, file organization, and breaking code into small partial files. Finally, it provides some online resources for learning more about SASS.

1. SASS & CSS Arquitecture
CSS para adultos

2. Que hay que saber de SASS?
.sass
.scss
.css
.map

3. ● --watch sass:css
● variables $
● nesting
● @mixins
● @extend
Algo mas?
sass vs scss, sassmaister, the sass way, css2sass
● @if,@while
● %placeholders
● _partials
● source maps
● comments
Que hay que saber de SASS?
Sass Basics

4. Nuevos poderes, mas responsabilidad
http://css-tricks.com/crazy-town-selectors/
http://thesassway.com/beginner/the-inception-rule
http://css-tricks.com/sass-style-guide/
http://csswizardry.com/2013/04/shame-css/
Arquitecturas y metodologías
Buenas Prácticas

5. Arquitecturas y
metodologías
● OOCSS, SMACSS, BEM, etc.
● Naming Convention
● Manifest, Globals, Sections, partials
● Break Into As Many Small Files As Makes Sense

6. Cursos en Treehouse
http://teamtreehouse.com/library/sass-basics
http://teamtreehouse.com/library/advanced-sass
http://teamtreehouse.com/library/modular-css-with-sass