修正WebKit的文字笔画在萨斯

Question

我用无礼的话，以我的生成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) { }

哼！现在，显然萨斯的下一个主要版本将支持括号，所以我可能只是会能够在CSS版本砸呢。但是，有没有办法做我想在一个适当的野蛮女友方式呢？我已经尝试过逸出用@media only的\线，但是这似乎导致萨斯完全忽略该部分。

Answer 1

您需要有结肠和0之间的空间。

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

在空间从选择器语法歧义消除属性语法。