Resultados de la búsqueda a petición "css-variables"
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 ...
¿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> ...
¿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 ...
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. ...
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 ...
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, ...
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)) { }
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 ...
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 ...
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({ }) ...
Página 1 de 2