La regla Sass @extend se puede usar cuando es necesario que una clase tenga los estilos de otra clase, junto con sus propios estilos específicos. Esta regla le dice a Sass que un selector debe heredar la clase de otro selector. Sintaxis: @extend <selector> Ejemplo: SASS .gfg border: 1px green background-color: black font-family: sans-serif … Continue reading «Sass @extender regla»
SASS es la abreviatura de Syntactically Awesome Style Sheets. Es un preprocesador CSS con avances de sintaxis. Las hojas de estilo en esta sintaxis son procesadas por un programa y compiladas en hojas de estilo CSS normales, que se pueden usar en el sitio web. Puede leer más sobre SCSS haciendo clic aquí . En … Continue reading «SASS –reloj con minificación automática»
El uso de variables en varios archivos en SASS se lleva a cabo mediante la regla @import de SASS. Regla @import que importa hojas de estilo Sass y CSS para proporcionar variables, @mixins y funciones. Tales que combinan todas las hojas de estilo para compilar css. También importa URL como marcos como Bootstrap, etc. @import … Continue reading «SASS | Usar variables en varios archivos»
Dado un archivo HTML, debemos aplicarlo usando condiciones if-else en CSS. No, no podemos usar condiciones if-else en CSS ya que CSS no admite lógicas. Pero podemos usar algunas alternativas a if-else que se analizan a continuación: Método 1: en este método, usaremos clases en un archivo HTML para lograr esto. Definiremos diferentes nombres de … Continue reading «condición if/else en CSS»
Cuando agregamos «_» delante del archivo SCSS, significa que es parcial para SCSS. Cuando el compilador obtiene archivos SCSS que comienzan con «_», simplemente ignora el archivo. Si desea que este parcial para SCSS se incluya para los estilos, debe usar @import. La ventaja de usar parciales es que puede usar archivos de estilo para … Continue reading «¿Por qué poner «_» delante del nombre de archivo en SCSS?»
Al igual que cualquier otro lenguaje de programación, SASS proporciona muchos módulos integrados que contienen varias funciones útiles y algunos complementos que facilitan su uso. Los módulos deben cargarse usando la regla @use , como cualquier otra hoja de estilo definida por el usuario, y de manera similar, sus funciones pueden llamarse como cualquier otro … Continue reading «SASS | Módulos incorporados»
El módulo sass:string facilita la combinación, búsqueda o separación de strings. La siguiente es la lista de funciones que se pueden utilizar con este módulo. 1. Función string.quote(): Esta función devuelve una string entre comillas. Sintaxis: string.quote(string) quote(string) Ejemplo: @debug string.quote(GeeksForGeeks); @debug string.quote(«GeeksForGeeks»); Producción: «GeeksForGeeks» «GeeksForGeeks» 2. función string.index(): esta función devuelve el primer índice … Continue reading «Módulo SASS sass:string»
Escribir código usando lenguaje CSS nativo a veces es bastante confuso, largo y complejo. Para reducir la complejidad de escribir código CSS, usamos preprocesadores CSS. Uno de los preprocesadores CSS más utilizados es SASS. En este artículo, aprenderemos sobre el uso de la función @import en SASS. La función SASS @import nos ayuda a importar … Continue reading «¿Cuál es el uso de la función SASS @import?»
La regla @forward procesa las hojas de estilo Sass y hace que sus funciones, combinaciones y variables estén disponibles en los casos en que la hoja de estilo se carga usando la regla @use. Es posible organizar bibliotecas Sass en muchos archivos, además de proporcionar a los usuarios procesar un único archivo de punto de … Continue reading «SASS | regla @forward»
Sass es un lenguaje de secuencias de comandos de preprocesador CSS. Aquí, no necesitamos confundir Sass y Scss, ambos son lo mismo, pero Sass tiene una sintaxis anterior a CSS3 y después de CSS3 se conoce como SCSS. Al igual que todos los demás lenguajes de programación, Sass también contiene tipos de datos para trabajar … Continue reading «¿Cuáles son los tipos de datos que admite SASS?»