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

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 ...

1 la respuesta

¿Es posible usar propiedades personalizadas de CSS en valores para la propiedad de contenido?

Ejemplo: :root { --PrimaryThemeColor: #3acfb6; /* with or without quotes */ } .ColorSwatch:after { content: var(--PrimaryThemeColor); }Cuando esto se procesa, el CSS calculado es literalmente ese valor. content: var(--PrimaryThemeColor);Incluso ...

1 la respuesta

¿Es posible usar vars CSS en los selectores CSS3?

Estoy probando algunos experimentos con CSS vars, y no pude hacer que esto funcionara o encontrar documentación al respecto. ¿Alguien sabe si es posible usar...

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 ...

2 la respuesta

Acceda a la variable CSS desde javascript [duplicar]

Esta pregunta ya tiene una respuesta aquí: Acceder a una propiedad personalizada de CSS (también conocida como variable CSS) a través de JavaScript [/questions/36088655/accessing-a-css-custom-property-aka-css-variable-through-javascript] 3 ...

1 la respuesta

Las variables CSS no funcionan en Microsoft Edge [duplicado]

Esta pregunta ya tiene una respuesta aquí: ¿Las variables CSS funcionan de manera diferente en Microsoft Edge? [/questions/47635934/do-css-variables-work-differently-in-microsoft-edge] 1 respuestaEstoy diseñando una nueva plantilla de blogger. ...

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 ...

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, ...

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> ...

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)) { }