Sass hace que CSS sea divertido nuevamente . Sass es una extensión de CSS, agregando reglas anidadas, variables, mezclas, herencia selectora y más. Se traduce en CSS estándar bien formateado utilizando la herramienta de línea de comandos o un complemento para su sistema de compilación.
$font-stack : Helvetica , sans-serif ;
$primary-color : #333 ;
body {
font : 100 % $font-stack ;
color : $primary-color ;
}
@mixin border-radius ( $radius ) {
-webkit-border-radius : $radius ;
-moz-border-radius : $radius ;
-ms-border-radius : $radius ;
border-radius : $radius ;
}
nav {
ul {
margin : 0 ;
padding : 0 ;
list-style : none ;
}
li { @include border-radius ( 10 px ); }
a {
display : block ;
padding : 6 px 12 px ;
text-decoration : none ;
}
}
Puede instalar Sass en Windows, Mac o Linux descargando el paquete para su sistema operativo desde GitHub y agregándolo a su PATH
. Eso es todo: no hay dependencias externas y nada más que necesite instalar.
Si usa Node.js, también puede instalar SASS usando NPM ejecutando
npm install -g sass
Sin embargo, tenga en cuenta que esto instalará la implementación pura de JavaScript de Sass, que se ejecuta algo más lento que las otras opciones enumeradas aquí. Pero tiene la misma interfaz, por lo que será fácil intercambiar en otra implementación más adelante si necesita un poco más de velocidad.
Vea el sitio web de SASS para obtener más formas de instalar Sass.
Una vez que haya instalado SASS, puede ejecutar el ejecutable sass
para compilar archivos .sass
y .scss
a archivos .css
. Por ejemplo:
sass source/stylesheets/index.scss build/stylesheets/index.css
¡Visite el sitio web de SASS para obtener una guía sobre cómo aprender Sass!
Este repositorio no es una implementación de SASS. Esos viven en sass/dart-sass
y sass/libsass
. En cambio, contiene:
spec/
, que contiene especificaciones para las características del idioma.proposal/
, que contiene propuestas en progreso para los cambios en el idioma.accepted/
, que contiene propuestas que se han aceptado y se implementan o en el proceso de implementación. Tenga en cuenta que esto no contiene una especificación completa de SASS. En cambio, las especificaciones de características se escriben según sea necesario cuando se está diseñando una nueva característica o cuando un implementador necesita una claridad adicional sobre cómo se supone que algo funciona. Esto significa que muchas de las especificaciones en spec/
solo cubren pequeñas porciones de las características en cuestión.
Las propuestas en este repositorio están versión, para facilitar el seguimiento de los cambios con el tiempo y referirse a versiones anteriores. Cada versión tiene una etiqueta GIT de la proposal.<name>.draft-<version>
. Se debe crear una nueva versión para cada lote de cambios.
Cada versión tiene una versión importante, y también pueden tener una versión menor (indicada <major>.<minor>
). La versión menor debe incrementarse para cambios que no afecten la semántica prevista de la propuesta; De lo contrario, la versión principal debe incrementarse.