Correzione webkit ictus testo in Sass
-
22-09-2019 - |
Domanda
sto usando Sass per generare i miei fogli di stile CSS. Voglio tipografia coerente, quindi voglio usare le regole CSS da http://orderedlist.com/our-writing/resources/html-css/thinning-text-in-webkit-safari/ per fluidificare il testo in browser basati su WebKit. Ho pensato che questo sarebbe fare il trucco:
body
-webkit-text-stroke: 1px transparent
@media only screen and (max-device-width:480px)
body
-webkit-text-stroke:0 black
La prima parte funziona bene, ma la seconda parte (tranne per il mobile Safari) rende a
@media only screen and (max-device-width:480px) { }
Hmm! Ora, a quanto pare la prossima major release di Sass sosterrà parentesi, così io probabilmente solo essere in grado di cadere nella versione CSS allora. Ma c'è un modo per fare quello che sto cercando di fare in modo corretto Sassy? Ho già provato sfuggire alla linea @media only
con un \
, ma che sembrava causare Sass ignorare quella sezione del tutto.
Soluzione
È necessario disporre di uno spazio tra i due punti e 0.
body
-webkit-text-stroke: 1px transparent
@media only screen and (max-device-width:480px)
body
-webkit-text-stroke: 0 black
Lo spazio disambigua la sintassi di proprietà dalla sintassi di selezione.