Milligram: Altere facilmente a cor do realce (#9b4dca)
Usando variáveis CSS3 (propriedades personalizadas) é possível substituir a cor de destaque em 1 linha de CSS.
Em miligram.css tem algo como:
:root {
--highlight-color: #9b4dca;
}
e, em seguida, substitua cada #9b4dca por var(--highlight-color) .
Feito isso, substituir a cor de realce é tão fácil quanto incluir um arquivo custom.css com
:root {
--highlight-color: #abcabc;
}
mterron
Todos 6 comentários
Eu vim aqui para a mesma coisa ^^, mas como está escrito em SASS e você pode querer dar suporte a navegadores antigos, eu recomendaria fazer um exemplo comprovado de fallback como este:
button {
background-color: $color-primary;
background-color: var(--color-primary, $color-primary);
}
Dessa forma, os navegadores que não oferecem suporte a propriedades personalizadas de CSS ainda retornarão a uma versão funcional. Além disso, não é necessário :root {} nas folhas de estilo reais, pois var() já fornece uma opção de fallback.
Saúde,
Dominik
dkundel
em 23 mar. 2018
Existe algum progresso ou algo feito sobre isso até agora? 😄
timrossback
em 29 jun. 2019
Existe algum progresso ou algo feito sobre isso até agora? 😄
você sempre pode alterar os valores das cores de src/_Color.sass e recompilar novamente com sass --update . Você também pode adicionar seus próprios arquivos sass.
dntzbgh
em 29 jun. 2019
Existe algum progresso ou algo feito sobre isso até agora? 😄
você sempre pode alterar os valores das cores de
src/_Color.sasse recompilar novamente comsass --update. Você também pode adicionar seus próprios arquivos sass.
Bom ponto! Acho que estou procurando uma solução um pouco mais pronta para uso, já que não uso Sass, mas realmente não sei como isso poderia ser feito facilmente além de alterar os próprios valores em /dist/milligram.min.css o que seria problemático.
timrossback
em 30 jun. 2019
Amei esse quadro! Mal posso esperar para que esse recurso seja lançado 🚀
cilim
em 26 ago. 2020
Ei @mterron @dkundel @timrossback @dntzbgh @cilim
Talvez algo assim?
https://github.com/miligram/miligram/pull/262/files#diff -7b0a61514569d183adbda861549f9d98
cjpatoilo
em 27 ago. 2020
Questões relacionadas
mukai11
·
4Comentários
luisaceituno
·
6Comentários
enkota
·
6Comentários
faststare
·
4Comentários
mikeriley131
·
8Comentários
Comentários muito úteis
Eu vim aqui para a mesma coisa ^^, mas como está escrito em SASS e você pode querer dar suporte a navegadores antigos, eu recomendaria fazer um exemplo comprovado de fallback como este:
Dessa forma, os navegadores que não oferecem suporte a propriedades personalizadas de CSS ainda retornarão a uma versão funcional. Além disso, não é necessário
:root {}nas folhas de estilo reais, poisvar()já fornece uma opção de fallback.Saúde,
Dominik