Más contenido relacionado
Sass & Compass - DrupalCamp CR13
- 12. .sass
li
color: $brand
font-size: $small
a
color: $link
.scss
li {
color: $brand;
font-size: $small;
a {
color: $link;
}
}
- 14. Sass
.foo {
color: #fff;
.bar {
font-size: 12px;
}
a {
border: 0;
}
}
Output
.foo {
color: #fff;
}
.foo .bar {
font-size: 12px;
}
.foo a {
border: 0;
}
- 15. Sass
a {
color: #111;
&:hover {
color: #ccc;
}
}
Output
a {
color: #111;
}
a:hover {
color: #ccc;
}
- 16. Sass
h1 {
color: #111;
.ie-6 & {
color: #ccc;
}
}
Output
h1 {
color: #111;
}
.ie-6 h1 {
color: #ccc;
}
- 20. Sólo se pueden almacnar
valores, no full CSS prop-
erties o full selectors.
- 28. Usar Mixins cuando CSS
sigue un patrón y el
output cambia cuando
se incluyen
nuevos valores.