Conversor de SCSS a CSS.
Compilador en línea gratuito de SCSS a CSS, sin necesidad de instalación. Compila SCSS/SASS a CSS.
Acerca de SCSS a CSS
Aplana el anidamiento SCSS en CSS normal analizando bloques de reglas basados en sangría. Une los selectores anidados con sus padres (respetando el atajo de referencia al padre con &), emite cada regla con sus propiedades y elimina las características exclusivas de SCSS, como los comentarios de línea y las declaraciones $variable.
Cómo usarlo
1. Pega el SCSS en la caja de entrada. 2. Haz clic en Convert para renderizar el CSS en la caja de salida. 3. Usa Copy para copiar el resultado. Si la entrada está vacía aparece un mensaje de error.
Anidamiento y variables
Los selectores anidados se unen al selector padre con un espacio, por ejemplo .parent .child. Un selector hijo que comience con & (incluidas las pseudoclases como &:hover) se concatena directamente al padre sin espacio. Las declaraciones SCSS $variable se sustituyen por un comentario /* $variable removed */ y cualquier uso restante de $name pasa a ser var(--variable), por lo que la salida es CSS válido aunque no se realice una resolución completa de variables.
▶¿Cómo detecta el analizador la profundidad de anidamiento?
▶¿Cómo se gestionan las variables SCSS?
▶¿Admite @include, @mixin o @extend?
▶¿Se conservan los comentarios en línea?
Si este herramienta le ha sido útil, considere comprarme un café.
Compra un café para mí.