SASS significa hojas de estilo sintácticamente asombrosas . Fue diseñado por Hampton Catlin y desarrollado por Natalie Weizenbaum. Sass es un preprocesador de CSS. Sass reduce la repetición de CSS y, por lo tanto, ahorra tiempo. Es un lenguaje de hojas de estilo. Es completamente compatible con todas las versiones de CSS. Es un lenguaje … Continue reading «SASS forma completa»
SASS admite valores booleanos: verdadero falso Se usa en la compilación condicional donde la expresión se evalúa como cualquiera de estos valores. Asigne un valor booleano a la variable: $variable: true; or $variable: false; Uso en compilación condicional: Podemos usar valores booleanos en compilación condicional. Vea el ejemplo a continuación, hemos pasado un valor verdadero … Continue reading «SASS | Booleanos y operadores booleanos»
Las funciones de lista SASS se utilizan para modificar nuevas listas. Las listas deben crearse entre corchetes circulares para diferenciarlas de otras. La lista SASS no se puede cambiar, por lo que en algunos casos se crean nuevas listas. Al igual que las funciones de string, las listas SASS están indexadas en uno (no en … Continue reading «SASS | Funciones de lista»
Mixin nos permite crear un código CSS que se puede reutilizar según los requisitos. Los argumentos son los nombres de las variables escritos al definir un mixin. Estos están separados por comas. Los argumentos de mixin son los valores de SassScript que están disponibles como variables y que se pasan cuando se incluye mixin. Hay … Continue reading «¿Cuáles son los diferentes tipos de argumentos de Mixin?»
Cuando se trabaja con Angular CLI , las hojas de estilo predeterminadas tienen la extensión .css. Inicio de un proyecto CLI angular con Sass Normalmente, cuando ejecutamos ng new my-app, nuestra aplicación tendrá .css files. Hacer que CLI genere .scss files(o .sass/.less) es un asunto fácil. Cree un nuevo proyecto con Sass con lo siguiente: … Continue reading «¿Cómo usar mixins SCSS con angular 7?»
Al igual que CSS, las reglas de estilo también son la base de SASS. Se utiliza de forma similar a CSS. Seleccione los elementos a los que se les aplicará estilo con un selector y luego declare sus propiedades, lo que afecta aún más el aspecto de esos elementos. Ejemplo: Código Sass: .header padding: 3px … Continue reading «SASS | Reglas de estilo»
Las funciones de selector ayudan a verificar y cambiar los selectores de CSS en la hoja de estilo. Todas las funciones, excepto selector-nest(), impiden el uso del selector principal. selector-nest($selectors…): Este método devuelve un nuevo selector que contiene una lista anidada de selectores CSS basados en la lista dada. Ejemplo: selector-nest(«.warning», «alert», «div») Producción: .warning … Continue reading «SASS | Funciones del selector»
Compatibilidad: Dart Sass es totalmente compatible con el uso de operadores de igualdad, mientras que LibSass y versiones anteriores de Ruby Sass (anteriores a la versión 4.0.0) consideran los números como iguales incluso si tienen unidades diferentes o si uno tiene una unidad y otro no. Este comportamiento no fue útil y, por lo tanto, … Continue reading «SASS | Operadores de igualdad»
Las funciones de introspección de SASS le permiten inspeccionar las condiciones del propio SASS. No puedes usarlos cuando estás haciendo hojas de estilo, pero son cruciales para saber qué está pasando cuando algo no funciona de la manera que quieres. La siguiente tabla contiene todas las funciones de introspección en SASS: Función Descripción Ejemplo variable-existe … Continue reading «SASS | Funciones de introspección»
En este artículo, discutiremos cómo ejecutar el código SASS desde la línea de comandos. SASS (Syntactically Awesome Style Sheet) es un preprocesador CSS simple que hace posible crear hojas de estilo manejables, independientes de la plataforma y reutilizables para sitios web. Es totalmente compatible con todas las versiones de CSS. Sass reduce la repetición de … Continue reading «¿Qué comando se usa para ejecutar el código SASS desde la línea de comando?»