Comencé un curso de SMACSS en teamtreehouse.com con @guilh y hasta ahora la cosa pinta muy bien.
El primer ejercicio con el que me encuentro (y sin saber nada de Sass) es este:
$font-url :"https://fonts.googleapis.com/css?family=Roboto";
@if variable-exists(font-url){
@import url($font-url)
}
y veo que para $ hay una estructura, pero no entiendo muy bien de qué va
- $ se usa para decir acá hay una variable
- Pero en la línea 3 también se usa para llamar a la variable
- Aunque en la línea 2 no se usa, porque se quiere saber si el nombre existe.
Ok, acá entiendo. Valor ($) Vs. Referencia (sin el $)
Peeero… el @:
- hay funciones como el if, y el import que lo requieren,
- Pero otras funciones como el url y el variable-exists no lo requieren
Bono: ¿Porqué si se supone que es sass, tuve que poner el punto y coma luego de la definición de la línea 1? Será algo del teamtreehouse?
Despues preguntan que porqué prefiero CSS y JS vanilla… #devrant
Anibalismo 