Исправление обводки текста в Webkit в Sass - PullRequest
Новая
       34

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

1 голос
/ 26 января 2010

Я использую 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 полностью игнорировать этот раздел.

1 Ответ

1 голос
/ 28 января 2010

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

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

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

...