Sé que es una pregunta estúpida, pero he estado buscando en Google y no encuentro ninguna respuesta:/¿Cuál es la diferencia entre SASS y Compass, SASS y SCSS? Me estoy realmente confundido por esto.¿Diferencia entre brújula y sass?
Gracias por cualquier información :)
A riesgo de simplificar demasiado, Brújula es un marco, mientras que Sass es una abstracción del lenguaje. Usted escribe el código Sass (y lo compila en CSS estándar) dentro del contexto de Compass. SCSS es simplemente la sintaxis más reciente del lenguaje Sass. Fue creado con el único propósito de ser más parecido a CSS en su sintaxis, por lo que yo sé. Todo el azúcar sintáctico de Sass, pero más familiar para los desarrolladores de front-end que se sienten cómodos con CSS.
que he proporcionado una respuesta TLDR:
Compass es esencialmente una biblioteca SASS. Utiliza el lenguaje bruto de sass y crea funciones comunes reutilizables.
Desde el website:
brújula utiliza Sass.
Sass es una extensión de CSS3 que agrega reglas anidadas, variables, mixins, herencia de selector y más. Sass genera un formato de CSS bien formateado y hace que sus hojas de estilo sean más fáciles de organizar y mantener.
En general: "Sass" es el nombre de un preprocesador css, es decir, una herramienta útil para que los desarrolladores escriban formas abreviadas de marcadores de posición que se compilan automáticamente con el código css normal. Sass tiene dos formas diferentes de escribir código de forma abreviada: SCSS y SASS. La diferencia entre SCSS y SASS es muy simple: SCSS es CSS normal con funciones adicionales. Cada archivo CSS puede renombrarse como .scss y se validará. SASS utiliza una forma más corta de escritura omitiendo todos los corchetes. Para convertir un archivo .css a un archivo .sass válido, debe cambiar el código css.
Brújula es una denominada estructura CSS que se controla a través de herramientas de línea de comandos. Compass admite el desarrollo al proporcionar funciones predefinidas, mixins, etc. para acelerar la codificación y evitar errores de escritura. por ejemplo, la brújula le permite llamar a una sombra de cuadro con todos los polyfills con solo escribir "@include box-shadow();". todo el código css es agregado por la brújula al compilar el archivo mediante el uso de "brújula compilar". Compass es una de las herramientas más utilizadas para trabajar en proyectos de desarrollo frontend más grandes.
Esta debería ser la respuesta aceptada –
Compass es un marco construido con Sass. Otros frameworks populares de Sass son Bourbon y Susy. Eso significa que todos estos marcos están escritos en Sass. Solo tienen funciones predefinidas y mixins que puede usar para acelerar su flujo de trabajo.
SCSS (Sassy Sass) es simplemente la sintaxis más nueva de Sass. Utiliza CSS-sintaxis. Por ejemplo:
h2 {
color: red;
}
Por otro lado, Sass utiliza una menos "estricta" sintaxis:
h2
color: red
Aviso, que no se utilizan aparatos ortopédicos y no hay punto y coma. Además, debes usar sangría.
Para resumir, qué estructura o qué sintaxis Sass utilizará, ¡es su elección!
oh lo entiendo ahora, gracias! Yo votaría si pudiera:/ –
Si la respuesta es suficiente, simplemente marcándola como la respuesta estaría bien. –