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

19 a resposta

Como posso definir cores como variáveis em CSS?

Estou trabalhando em um arquivo CSS que é bastante longo. Sei que o cliente poderia solicitar alterações no esquema de cores e fiquei pensando: é possível atribuir cores a variáveis, para que eu possa alterar uma variável para que a nova cor seja ...

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

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

3 a resposta

Acessando uma propriedade customizada CSS (também conhecida como variável CSS) por meio de JavaScript

Como você obtém e define propriedades personalizadas de CSS (aquelas acessadas comvar(…) na folha de estilo) usando JavaScript (comum ou jQuery)? Aqui está a minha tentativa malsucedida: clicar nos botões muda o habitualfont-weight propriedade, ...

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

6 a resposta

Variáveis nativas CSS não funcionam em consultas de mídia

Eu estou tentando usar variáveis CSS na consulta de mídia e ele não funciona. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

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

2 a resposta

Existe uma maneira de interpolar variáveis CSS com url ()?

Quero armazenar meus URLs de segundo plano em propriedades personalizadas (variáveis CSS) e usá-los com a propriedade de segundo plano. No entanto, não consegui encontrar uma maneira de interpolar a string ao usá-la como parâmetro emurl(). Aqui ...