Resultados da pesquisa a pedido "css-variables"

1 a resposta

É possível usar CSS vars em seletores CSS3?

Eu estou tentando algumas experiências com CSS, e eu não consegui fazer isso funcionar ou encontrar qualquer documentação sobre isso. Alguém sabe se é possív...

1 a resposta

Use variáveis CSS com rgba para transparência gradiente

Existe uma maneira de usar variáveis CSS ao especificar cores de gradiente com transparência, por exemplo :root { --accent-color: #dfd0a5; } h1{ background: linear-gradient(to right, rgba(255, 255, 255, 0), ...

1 a resposta

É possível usar CSS Custom Properties em valores para a propriedade content?

Exemplo: :root { --PrimaryThemeColor: #3acfb6; /* with or without quotes */ } .ColorSwatch:after { content: var(--PrimaryThemeColor); }Quando isso é renderizado, o CSS calculado é literalmente esse valor. content: var(--PrimaryThemeColor);Mesmo ...

1 a resposta

Variáveis CSS não funcionam no Microsoft Edge [duplicado]

Esta pergunta já tem uma resposta aqui: As variáveis CSS funcionam de maneira diferente no Microsoft Edge? [/questions/47635934/do-css-variables-work-differently-in-microsoft-edge] 1 respostaEstou criando um novo modelo de blogueiro. Quero ...

1 a resposta

Listar propriedades personalizadas de CSS (variáveis de CSS)

Eu configurei algumas propriedades personalizadas de CSS na minha folha de estilo: :root { --bc: #fff; --bc-primary: #eee; --bc-secondary: #ddd; }Posso recuperá-los individualmente se eu já souber o nome da variável CSS da ...

1 a resposta

Variáveis CSS - Como concatenar um símbolo de menos com Variável CSS em um calc ()

Oi, então deixe-me começar mostrando como eu faria isso no SCSS: $submenu-padding-left: 1.5em; transform: translateX(calc(-#{$submenu-padding-left} + .5em));que seria compilado para: transform: translateX(calc(-1.5em - .5em))Basicamente, o SCSS ...

1 a resposta

Angular: Use o Renderer 2 para adicionar variável CSS

É possível adicionar variável css de estilo inline usandoRenderer2? Eu tentei o seguinte, mas não funciona. import { Component, OnChanges, Output, ViewChild, Renderer2, ElementRef, ViewEncapsulation } from '@angular/core'; @Component({ }) ...

1 a resposta

Propriedade customizada com escopo CSS ignorada quando usada para calcular var no escopo externo

Estou tentando dimensionar o tamanho viavar propriedade personalizada de uma maneira que as classes comporiam sem serem acopladas. O efeito desejado é que as 3 listas estejam em 3 escalas diferentes, mas comodemo'd no ...

2 a resposta

Como as propriedades personalizadas do CSS são conectadas em cascata?

Digamos que eu tenho o seguinte CSS: :root { --color: blue; } div { --color: green; } #alert { --color: red; } * { color: var(--color); }e minha marcação é: <p>I inherited blue from the root element!</p> <div>I got green set directly ...

2 a resposta

Acessar variável CSS de javascript [duplicate]

Esta pergunta já tem uma resposta aqui: Acessando uma propriedade customizada CSS (também conhecida como variável CSS) por meio de JavaScript [/questions/36088655/accessing-a-css-custom-property-aka-css-variable-through-javascript] 3 ...