Introducción CSS: la hoja de estilo en cascada es básicamente el lenguaje de secuencias de comandos. CSS se utiliza para el diseño de páginas web. CSS es la tecnología web más importante que se usa ampliamente junto con HTML y JavaScript. CSS tiene una extensión de archivo de .css . SCSS: la hoja de estilo … Continue reading «¿Cuál es la diferencia entre CSS y SCSS?»
Como todos sabemos, tenemos que anular el estilo Bootstrap para darle un nuevo aspecto a nuestro sitio web. De lo contrario, se verá común al anular, podemos cambiar su tema predeterminado: fondo, fuentes, colores, espaciado, etc. variables. Entonces, aquí tenemos que anular las variables de Bootstrap predeterminadas (ya que las variables son responsables de la … Continue reading «¿Cómo sobrescribir la función SASS para bootstrap?»
SASS es un poderoso lenguaje de preprocesamiento que nos ayuda a escribir nuestro código de manera más eficiente de una manera fácil y concisa. Algunas de las mejores características de sass son el uso de variables, el anidamiento de soporte y el uso de funciones. Si bien tiene muchas ventajas, hacer un seguimiento de todos … Continue reading «¿Cómo ver los cambios en todo el directorio/carpeta que contiene muchos archivos sass?»
Sass admite los operadores numéricos matemáticos estándar. Se pueden convertir automáticamente entre unidades compatibles, al igual que se pueden agregar minutos con segundos y se convertirán automáticamente. Operadores numéricos: El operador <expresión> + <expresión> agrega dos valores o expresiones o podemos decir que agrega el primer valor al segundo valor. <expresión> – El operador <expresión> … Continue reading «SASS | Operadores numéricos»
Las funciones de string SASS son bastante similares a las funciones de string de cualquier otro lenguaje de programación con una única diferencia, es decir, las strings SASS usan indexación basada en 1. Significa que el primer carácter de la string SASS se almacena en el índice 1 (no en 0). Hemos creado una tabla … Continue reading «SASS | Funciones de string»
En este artículo, discutiremos cómo precompilar el archivo LESS en un archivo CSS y comprenderemos su implementación a través del ejemplo. Introducción: LESS es un preprocesador CSS simple que permite crear hojas de estilo manejables, personalizables y reutilizables para sitios web. LESS es una extensión de lenguaje compatible con versiones anteriores para CSS junto con … Continue reading «¿Cómo precompilar LESS en CSS?»
De manera predeterminada, Bootstrap 4 proporcionó todos los estilos de colores que están disponibles como variables SASS y un mapa SASS en el archivo scss/_variables.scss . En versiones posteriores, se proporcionará el tono ultra nuevo, como una paleta de escala de grises. Hay muchas series de colores definidas en el mapa SASS que se enlaza … Continue reading «¿Cómo usar SASS para crear un nuevo conjunto de estilos de color en Bootstrap 4?»
Las declaraciones de propiedad en SASS se utilizan para definir cómo deben diseñarse los elementos que coinciden con un selector. Junto con eso, SASS agrega algunas características adicionales a las declaraciones de propiedades para que sean más fáciles de escribir y automatizarlas. En primer lugar, un valor de declaración puede ser cualquier expresión que pueda … Continue reading «SASS | Declaración de Propiedad»
Los mixins se pueden usar para agrupar estilos a los que se les pueden asignar diferentes valores y se pueden usar varias veces como función. También podemos pasar argumentos en mixin como función, lo que nos permite escribir código reutilizable. Los mixins se definen usando @mixin at-rule y se pueden usar en el contexto actual … Continue reading «SASS | @mixin y @include»
Al igual que las funciones de string de SASS, SASS ofrece un conjunto simple de funciones para cambiar los valores numéricos , y estos valores funcionan de la manera que le gustaría. Tenga en cuenta que se pueden dar descriptores de valor CSS como «px» o «rem» a cada función excepto «porcentaje()». En ese caso, … Continue reading «SASS | Funciones numéricas»