CSS Variables
Esta pagina documenta las CSS custom properties que Nuvex UI emite a partir de sus tokens Sass. Usalas cuando el cambio pertenece a la cascada, a un alcance de tema o a un override local de superficie.
Generadas a partir de tokens Sass
- Las variables que emite
framework.scssse generan desde los tokens Sass publicos que exponesetting.scssy desde los mapas semanticos del tema activo. - Si el baseline del framework debe cambiar para toda la app, vuelve a
Design Tokensy sobreescribe el token Sass de origen. Si el cambio solo necesita cascada o alcance, quedate en la capa de CSS variables. - Declara los overrides despues de cargar
nuvex-ui/framework.scss, ya sea en:root, en un selector de tema como[data-theme="dark"]o dentro de un contenedor local.
Consume CSS variables en Vue y Nuxt
Mantiene los overrides de CSS variables en los estilos de tu app despues de que framework.scss ya este presente. Usa overrides en root para ajustes globales, selectores de tema para variaciones light o dark, y selectores locales cuando el cambio solo afecta una superficie.
Si la variable que necesitas no existe, o el valor deberia convertirse en el nuevo default del framework en todas partes, el cambio correcto normalmente vive en Design Tokens y no en otro override local de CSS.
assets/styles/theme-overrides.css
components/MarketingBanner.vue <style scoped>
Siguientes pasos recomendados
Continua con la pagina que coincide con la siguiente decision despues de validar el override en cascada.