Configuración de estilo global y de componentes con variables CSS

 

 

 

El título de este artículo de Sara Soueidan me habla. Soy un gran admirador de la idea de que algo de CSS se aplica mejor a nivel global y que algo de CSS se aplica mejor en un componente. Estoy menos interesado en cómo se hace eso y más interesado en ver ese enfoque conceptual utilizado de alguna manera.

Sara detalla un enfoque en el que los componentes no tienen demasiado estilo de forma predeterminada, pero se les aplican propiedades personalizadas de CSS que están listas para tomar valores si decide configurarlos.

Para cada patrón, me encontré modificando las mismas propiedades cada vez que necesitaba usarlo, como la fuente, los colores (texto, fondo, borde), la sombra del cuadro, el espaciado, etc. Así que pensé que sería útil y ahorraría tiempo. guardando si creé variables para esas propiedades, definí esas variables en la ‘raíz’ del componente y ‘pasé’ los valores de estas variables cuando uso el patrón según lo necesito. De esta manera puedo personalizar o asignar un tema al componente cambiando los valores de propiedad en un conjunto de reglas, en lugar de tener que saltar entre varios para hacerlo.

 

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

Configuración de estilo global y de componentes con variables CSS

Configuración de estilo global y de componentes con variables CSS

El título de este artículo de Sara Soueidan me habla. Soy un gran admirador de la idea de que algo de CSS se aplica mejor a nivel global y que algo de CSS se

programar

es

https://pseint.es/static/images/programar-configuracion-de-estilo-global-y-de-componentes-con-variables-css-1567-0.jpg

2024-06-13

 

Configuración de estilo global y de componentes con variables CSS
Configuración de estilo global y de componentes con variables CSS

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