Исправление обводки текста веб-кита в Sass

Question

Я использую Sass для создания таблиц стилей CSS.Мне нужна единообразная типографика, поэтому я хочу использовать правила CSS из http://orderedlist.com/our-writing/resources/html-css/thinning-text-in-webkit-safari/ для уменьшения размера текста в браузерах на базе Webkit.Я думал, что это поможет:

body
  -webkit-text-stroke: 1px transparent
@media only screen and (max-device-width:480px)
  body
    -webkit-text-stroke:0 black

Первая часть работает нормально, но вторая часть (за исключением мобильного Safari) отображается в

@media only screen and (max-device-width:480px) { }

Хм!Судя по всему, следующий крупный выпуск Sass будет поддерживать скобки, так что я, вероятно, смогу тогда просто добавить версию CSS.Но есть ли способ сделать то, что я пытаюсь сделать, правильно и нахально?Я уже пытался сбежать @media only линия с \, но, похоже, это заставило Sass вообще проигнорировать этот раздел.

Answer 1

Между двоеточием и 0 должен быть пробел.

body
  -webkit-text-stroke: 1px transparent
@media only screen and (max-device-width:480px)
  body
    -webkit-text-stroke: 0 black

Пробел устраняет неоднозначность синтаксиса свойства и синтаксиса селектора.