Herramientas de usuario
wiki2:sass
Diferencias
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/08/01 09:27] alfred [Nesting] |
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 23: | Línea 37: | ||
| </code> | </code> | ||
| + | O de un ttf: | ||
| + | <code> | ||
| + | @font-face { | ||
| + | font-family: "OpenSans"; | ||
| + | src: url("../fonts/OpenSans/OpenSans-Regular.ttf"); | ||
| + | } | ||
| + | </code> | ||
| ==== Uso de fuentes ==== | ==== Uso de fuentes ==== | ||
| Línea 56: | Línea 77: | ||
| } | } | ||
| } | } | ||
| - | ... | + | nav ul { |
| - | @include size(h2); | + | @include horizontal-list; // horizontal-list is another mixin. |
| + | } | ||
| + | |||
| + | h2 { | ||
| + | @include size(h2); | ||
| + | } | ||
| </code> | </code> | ||
| Línea 104: | Línea 131: | ||
| darken($btn-bkg, 10%); | darken($btn-bkg, 10%); | ||
| lighten($btn-bkg, 10%); | lighten($btn-bkg, 10%); | ||
| + | transparentize($primary-background-color, 0.5); | ||
| </code> | </code> | ||
| ===== Snippets ===== | ===== Snippets ===== | ||
wiki2/sass.1596274048.txt.gz · Última modificación: 2020/08/01 10:27 (editor externo)
Herramientas de la página
Excepto donde se indique lo contrario, el contenido de este wiki esta bajo la siguiente licencia: CC Attribution-Noncommercial-Share Alike 4.0 International
