SASS

Con SASS podemos crear una variable y usarla dentro de un determinado selector o clase. Para ello usaremos la interpolación de SASS envolviendo la variable dentro de la expresión #{}: Algunos ejemplo de uso: $nombre: "leon"; .header-#{$nombre} { color: black; […]

Leer más...

Si has tenido problemas al declarar variables SASS/SCSS dentro de la pseudo-clase :root de CSS, es posible que no las estés declarando correctamente en sass. Para usar variables SASS dentro de tu variables CSS y que se compilen correctamente debes […]

Leer más...

Colección de los 10 mixins de SASS que más vengo utilizando en la mayoría de proyectos con su correspondiente ejemplo de uso en scss: 1. Media Queries $mobile: 480px; $tabletPortrait: 767px; $tabletLandscape: 1024px; $desktop: 1200px; @mixin breakpoint($media) { @if $media […]

Leer más...

Actualizar Sass o Compass a su última versión estable es tan sencillo como su instalación. Abrimos la consola de Ruby e insertamos los comandos: Para actualizar a la última versión de Sass: gem update sass Para actualizar a la última […]

Leer más...

SASS: mixin clearfix

A continuación un «mixin» para SASS, para hacer un clearfix (un método para quitar floats) al elemento que va a contener elementos flotantes. %clearfix { *zoom: 1; &:before, &:after { content: " "; display: table; } &:after { clear: both; […]

Leer más...