Skip to main content
revisão de informação
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

Não sei se entendi bem, mas acho que é isso que vc precisa. Se vc tem uma variável que contem uma cor, vc pode incluir essa cor na propriedade, como abaixo.

Se vc tem esse Stylus

$vermelhavermelha = red

.cor-vermelha 
    background: $vermelhavermelha

.cor-vermelha--text
    color: $vermelhavermelha

Output do CSS

.cor-vermelha {
    background: red;
}

.cor-vermelha--text {
    color: red;
}

OBS: o detalhe é que com o código acima vc vai ter a cor do texto igual a do fundo e vc não veria o texto pq os dois estão da mesma cor...

HTML

<h2 class="cor-vermelha cor-vermelha--text">Elemento</h2>

Não sei se entendi bem, mas acho que é isso que vc precisa. Se vc tem uma variável que contem uma cor, vc pode incluir essa cor na propriedade, como abaixo.

Se vc tem esse Stylus

$vermelha = red

.cor-vermelha 
    background: $vermelha

.cor-vermelha--text
    color: $vermelha

Output do CSS

.cor-vermelha {
    background: red;
}

.cor-vermelha--text {
    color: red;
}

OBS: o detalhe é que com o código acima vc vai ter a cor do texto igual a do fundo e vc não veria o texto pq os dois estão da mesma cor...

HTML

<h2 class="cor-vermelha cor-vermelha--text">Elemento</h2>

Não sei se entendi bem, mas acho que é isso que vc precisa. Se vc tem uma variável que contem uma cor, vc pode incluir essa cor na propriedade, como abaixo.

Se vc tem esse Stylus

vermelha = red

.cor-vermelha 
    background vermelha

.cor-vermelha--text
    color vermelha

Output do CSS

.cor-vermelha {
    background: red;
}

.cor-vermelha--text {
    color: red;
}

OBS: o detalhe é que com o código acima vc vai ter a cor do texto igual a do fundo e vc não veria o texto pq os dois estão da mesma cor...

HTML

<h2 class="cor-vermelha cor-vermelha--text">Elemento</h2>
adicionou 4 caracteres ao conteúdo
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

Não sei se entendi bem, mas acho que é isso que vc precisa. Se vc tem uma variável que contem uma cor, vc pode incluir essa cor na propriedade, como abaixo.

Se vc tem esse Stylus

$vermelha = red

.cor-vermelha 
    background: $vermelha

.cor-vermelha--text
    color: $vermelha

Output do CSS

.cor-vermelha {
    background: red;
}

.cor-vermelha--text {
    color: red;
}

OBS: o detalhe é que com o código acima vc vai ter a cor do texto igual a do fundo e vc não veria o texto pq os dois estão da mesma cor...

HTML

Elemento
<h2 class="cor-vermelha cor-vermelha--text">Elemento</h2>

Não sei se entendi bem, mas acho que é isso que vc precisa. Se vc tem uma variável que contem uma cor, vc pode incluir essa cor na propriedade, como abaixo.

Se vc tem esse Stylus

$vermelha = red

.cor-vermelha 
    background: $vermelha

.cor-vermelha--text
    color: $vermelha

Output do CSS

.cor-vermelha {
    background: red;
}

.cor-vermelha--text {
    color: red;
}

OBS: o detalhe é que com o código acima vc vai ter a cor do texto igual a do fundo e vc não veria o texto pq os dois estão da mesma cor...

HTML

Elemento

Não sei se entendi bem, mas acho que é isso que vc precisa. Se vc tem uma variável que contem uma cor, vc pode incluir essa cor na propriedade, como abaixo.

Se vc tem esse Stylus

$vermelha = red

.cor-vermelha 
    background: $vermelha

.cor-vermelha--text
    color: $vermelha

Output do CSS

.cor-vermelha {
    background: red;
}

.cor-vermelha--text {
    color: red;
}

OBS: o detalhe é que com o código acima vc vai ter a cor do texto igual a do fundo e vc não veria o texto pq os dois estão da mesma cor...

HTML

<h2 class="cor-vermelha cor-vermelha--text">Elemento</h2>
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

Não sei se entendi bem, mas acho que é isso que vc precisa. Se vc tem uma variável que contem uma cor, vc pode incluir essa cor na propriedade, como abaixo.

Se vc tem esse Stylus

$vermelha = red

.cor-vermelha 
    background: $vermelha

.cor-vermelha--text
    color: $vermelha

Output do CSS

.cor-vermelha {
    background: red;
}

.cor-vermelha--text {
    color: red;
}

OBS: o detalhe é que com o código acima vc vai ter a cor do texto igual a do fundo e vc não veria o texto pq os dois estão da mesma cor...

HTML

Elemento