Skip to main content

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