Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
wiki2:sass [2020/11/27 16:31] alfred [Import de fuentes] |
wiki2:sass [2023/02/02 09:12] (actual) |
||
|---|---|---|---|
| Línea 6: | Línea 6: | ||
| sass --watch main.scss:../stylesheet.css | sass --watch main.scss:../stylesheet.css | ||
| </code> | </code> | ||
| + | ===== Install and fix errors ===== | ||
| + | |||
| + | <code> | ||
| + | sudo apt install sass | ||
| + | </code> | ||
| + | |||
| + | If there is an error with ''watch'' like: ''LoadError: cannot load such file -- sass-listen'', you will need to execute the next: | ||
| + | |||
| + | <code> | ||
| + | sudo apt-get install ruby-listen | ||
| + | sudo gem install sass-listen | ||
| + | </code> | ||
| + | |||
| + | |||
| ===== Sintaxis ===== | ===== Sintaxis ===== | ||
| Línea 63: | Línea 77: | ||
| } | } | ||
| } | } | ||
| - | ... | + | nav ul { |
| - | @include size(h2); | + | @include horizontal-list; // horizontal-list is another mixin. |
| + | } | ||
| + | |||
| + | h2 { | ||
| + | @include size(h2); | ||
| + | } | ||
| </code> | </code> | ||