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

Angular: use el Renderer 2 para agregar una variable CSS

¿Es posible agregar una variable CSS de estilo en línea usandoRenderer2? Intenté lo siguiente pero no funciona. import { Component, OnChanges, Output, ViewChild, Renderer2, ElementRef, ViewEncapsulation } from '@angular/core'; @Component({ }) ...

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

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

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

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

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

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

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

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