Opciones globales de CSS con propiedades personalizadas

 

 

 

Con un preprocesador, como Sass, crear una configuración lógica de “hacer esto o no hacer” es bastante sencillo:

 

$option: false;@mixin doThing { @if $option { do-thing: yep; }}.el { @include doThing;}

¿Podemos hacer eso en CSS nativo con propiedades personalizadas? Mark Otto demuestra que podemos. Es sólo una pizca diferente.

html { --component-shadow: 0 .5rem 1rem rgba(0,0,0,.1);}.component { box-shadow: var(--component-shadow);}!-- override the global anywhere more specific! like div or body --.remove-shadow { --component-shadow: none;}

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. ¿Cómo se hace el tamaño máximo de fuente en CSS?
  2. Cambiar el tamaño de los valores en pasos en CSS
  3. ¿Qué hace “revertir” en CSS?
  4. CSS4 es una mala idea

Opciones globales de CSS con propiedades personalizadas

Opciones globales de CSS con propiedades personalizadas

Con un preprocesador, como Sass, crear una configuración lógica de “hacer esto o no hacer” es bastante sencillo:

programar

es

https://pseint.es/static/images/programar-opciones-globales-de-css-con-propiedades-personalizadas-1510-0.jpg

2024-06-13

 

Opciones globales de CSS con propiedades personalizadas
Opciones globales de CSS con propiedades personalizadas

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