Linha do tempo de Classe dinâmica em Stylus
Licença atual: CC BY-SA 4.0
12 eventos
quando alternar formato | o que | por | licença | comentário | |
---|---|---|---|---|---|
7/03/2019 às 21:35 | comentário | adicionado | flourigh | realmente, estou utilizando Vue.js & vuex & vuetify & stylus, da para fazer com o vue mas queria ver se é possivel com stylus, obrigado | |
7/03/2019 às 20:24 | comentário | adicionado | hugocsl |
@flourigh todos esses exemplos são construídos no Stylus e depois compilados para o CSS, não tem nada falando que vc pode alterar o nome da classe no HTML e ele altera o valor da propriedade no CSS. O que pode acontecer e vc configurar algum WebPack da vida para tratar esse tipos de coisa, ai na hora de subir o projeto ele pega a última string do nome da classe e cria uma variável no Stylus com esse valor e seta no elemento, algo bem complexo, mas que aconteceria na compilação e não "nativamente" escrevendo HTML/CSS. Isso margin(n) ou opacity(n) deve ser feito no Stylus/CSS, não no HTML
|
|
7/03/2019 às 20:03 | comentário | adicionado | flourigh | não vi esta possibilidade explicita mas vi algumas classes no vuetify que pareciam dar esta possibilidade e vasculhando o manual do stylus, vi algumas coisas como estas stylus-lang.com/docs/bifs.html#lookupname & stylus-lang.com/docs/vargs.html & stylus-lang.com/docs/hashes.html#getters que pareciam dar a possibilidade | |
7/03/2019 às 19:31 | comentário | adicionado | hugocsl | @flourigh tem como me passar o link de onde vc viu essa possibilidade? | |
7/03/2019 às 19:26 | comentário | adicionado | flourigh | entendi, achei que fosse possível por causa do manual deixar a entender as variáveis porém não entendi perfeitamente como as utilizar, irei ler mais um pouco, agradeço | |
7/03/2019 às 19:21 | comentário | adicionado | hugocsl |
@flourigh então a resposta no momento acredito que não seja possível! Nem som Stylus, ou SASS, pois do HTML vc não consegue mudar uma classe que esteja no seu .CSS, a não ser como nas opções do link que te passei, Mas como esses pré-processadores vc não consegue mudar o valor da variável a partir do style no HTML.
|
|
7/03/2019 às 19:18 | comentário | adicionado | flourigh | seria basicamente isso mesmo, ele indentificar a classe e pegar o que está depois de -- como se fosse uma variável como o vuetify faz quando usamos cor-que-eu-quero--text | |
7/03/2019 às 19:11 | histórico | editada | hugocsl | CC BY-SA 4.0 |
revisão de informação
|
7/03/2019 às 18:56 | comentário | adicionado | hugocsl | @flourigh vc quer usar um nome de classe que não existe, por exemplo cor-fff e quer que o Browser de alguma forma identifique esse -fff e coloque a cor do texto branco? Isso não é possível! Acho que o mais próximo que vc vai conseguir é isso pt.stackoverflow.com/questions/330390/… | |
7/03/2019 às 18:34 | comentário | adicionado | flourigh | olá, no caso, é quase isso porém a cor vermelha é só exemplo, o que eu queria é não ter que prédeterminar a cor vermelha, exemplo .cor--red então o stylus coloca red na var $vermelha ou vamos supor que eu envie cor-do-texto--ff0000 então ele coloca o ff0000 na variavel e a classe obtem esta variável como algo .cor-do-texto^ff0000 | |
7/03/2019 às 18:24 | histórico | editada | hugocsl | CC BY-SA 4.0 |
adicionou 4 caracteres ao conteúdo
|
7/03/2019 às 18:16 | histórico | respondeu | hugocsl | CC BY-SA 4.0 |