Sass !Sistemas de diseño predeterminados y temáticos

 

 

 

Esta es una excelente publicación de blog de Brad Frost donde nos explica un ejemplo interesante. Digamos que estamos creando un tema y tenemos algo de Sass como este:

.c-text-input { background-color: $form-background-color; padding: 10px}

Si la $form-background-colorvariable no está definida, entonces no queremos que background-colorse muestre en nuestro CSS en absoluto. De hecho, queremos que nuestra salida se vea así:

.c-text-input { padding: 10px;}

¿Ver? Ninguna background-colorpropiedad. Como muestra Brad, eso es posible hoy con la bandera de Sass !default. Puedes usarlo así mientras configuras la variable:

 

$form-background-color: null !default;.c-text-input { background-color: $form-background-color; /* this line won’t exist in the outputted CSS file */ padding: 10px;}$form-background-color: red;.c-text-input-fancy { background-color: $form-background-color; /* this line will be “red” because we defined the variable */ padding: 10px;}

Es algo realmente útil para recordar si quieres asegurarte de que tu CSS sea lo más pequeño posible mientras creas temas complejos con Sass.

Enlace directo →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. El diseño web responsivo cumple diez años.
  2. Comparación de navegadores para diseño responsivo
  3. Diseño inclusivo 24
  4. diseño de formulario

Sass !Sistemas de diseño predeterminados y temáticos

Sass !Sistemas de diseño predeterminados y temáticos

Esta es una excelente publicación de blog de Brad Frost donde nos explica un ejemplo interesante. Digamos que estamos creando un tema y tenemos algo de Sass c

programar

es

https://pseint.es/static/images/programar-sass-sistemas-de-diseno-predeterminados-y-tematicos-1315-0.jpg

2024-06-13

 

Sass !Sistemas de diseño predeterminados y temáticos
Sass !Sistemas de diseño predeterminados y temáticos

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences