Resultados da pesquisa a pedido "css-variables"

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

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

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

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

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

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

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

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

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

2 a resposta

Usando variáveis CSS como argumentos da função Sass

Existe uma maneira de usar variáveis CSS com funções Sass, por exemplo clarear? Algo assim: :root { --color: #ff00ff; } .div { background-color: lighten(var(--color), 32%); }Estou recebendo uma mensagem de erro "Argument$color dolighten($color, ...