Resultados de la búsqueda a petición "css-variables"

2 la respuesta

Usar variables CSS como argumentos de la función Sass

¿Hay alguna manera de usar variables CSS con funciones Sass, p. ¿aligerar? Algo como esto: :root { --color: #ff00ff; } .div { background-color: lighten(var(--color), 32%); }Recibo un mensaje de error que dice "Argumento$color delighten($color, ...

6 la respuesta

Las variables nativas de CSS no funcionan en consultas de medios

Estoy tratando de usar variables CSS en la consulta de medios y no funciona. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

1 la respuesta

Variables CSS: cómo concatenar un símbolo menos con una variable CSS en una calc ()

Hola, déjenme comenzar mostrándoles cómo haría esto en SCSS: $submenu-padding-left: 1.5em; transform: translateX(calc(-#{$submenu-padding-left} + .5em));que se compilaría para: transform: translateX(calc(-1.5em - .5em))Básicamente SCSS me ...

1 la respuesta

a propiedad personalizada con alcance @CSS se ignora cuando se usa para calcular var en el alcance externo

Estoy intentando escalar el tamaño a través devar propiedad personalizada de una manera que las clases compondrían sin estar acopladas. El efecto deseado es que las 3 listas estarían en 3 escalas diferentes pero como demo en ...

1 la respuesta

Use variables CSS con rgba para transparencia de gradiente

¿Hay alguna manera de usar variables CSS al especificar colores de degradado con transparencia, p. :root { --accent-color: #dfd0a5; } h1{ background: linear-gradient(to right, rgba(255, 255, 255, 0), ...

2 la respuesta

¿Hay alguna manera de interpolar variables CSS con url ()?

Quiero almacenar mis URL de fondo en propiedades personalizadas (variables CSS) y usarlas con la propiedad de fondo. Sin embargo, no pude encontrar una manera de interpolar la cadena al usarla como parámetro enurl(). Aquí está mi código de ...

2 la respuesta

¿Cómo caen en cascada las propiedades personalizadas de CSS?

Digamos que tengo el siguiente CSS: :root { --color: blue; } div { --color: green; } #alert { --color: red; } * { color: var(--color); }y mi marcado es: <p>I inherited blue from the root element!</p> <div>I got green set directly on me!</div> ...

3 la respuesta

Acceder a una propiedad personalizada de CSS (también conocida como variable CSS) a través de JavaScript

¿Cómo se obtienen y establecen propiedades personalizadas de CSS (a las que se accede convar(…) en la hoja de estilo) usando JavaScript (simple o jQuery)? Aquí está mi intento fallido: hacer clic en los botones cambia lo habitualfont-weight ...

1 la respuesta

Lista de propiedades personalizadas de CSS (variables de CSS)

He configurado algunas propiedades personalizadas de CSS en mi hoja de estilo: :root { --bc: #fff; --bc-primary: #eee; --bc-secondary: #ddd; }Puedo recuperarlos individualmente si ya conozco el nombre de la variable CSS de la siguiente ...

2 la respuesta

Variable CSS con valor de reserva de sí mismo

Lo que estoy tratando de lograr en JavaScript se verá así: myVar = newVar || myVar;En css estoy haciendo lo siguiente: --my-var: var(--new-var, var(--my-var))Parece que no funciona. ¿Es posible tener un valor antiguo en reserva si el nuevo ...