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

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

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

¿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

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

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

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

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

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

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