2014-03-02 25 views
4

如何將以下行重寫爲手寫筆中的多行格式?用於盒式陰影的手寫筆中的多行屬性

div 
    box-shadow 0 0 0 black, 1 0 0, black, 0 0 1, black 

使用更大的box-shadow屬性列表將使我的編輯器爆炸。我想這樣,但手寫筆語法不會允許它:

div 
    box-shadow 
    0 0 0 black, 
    1 0 0 black, 
    0 0 1 black 

此外,省略逗號不起作用。這是令人沮喪的......

+0

btw:你可以在這裏找到[手寫筆小組討論這個問題](https://github.com/stylus/stylus/issues/195)。 –

回答

4

我相信我所看到的編碼設置是這樣的:

div 
    box-shadow: 
    0 0 0 black, 
    1 0 0 black, 
    0 0 1 black 

或者試試這個,如果一個以上不工作

div 
    box-shadow: 0 0 0 black, 
       1 0 0 black, 
       0 0 1 black 

我希望這有助於您。


也適用於媒體查詢的上下文。 (真實世界的視網膜使用的精靈例子)。注意第二個背景圖像的(有點奇怪的)縮進。

.sprite 
    background-image url('/assets/static/sprite.png') 
    background-repeat no-repeat 
    background-size 960px 480px; 

    @media only screen and (-webkit-min-device-pixel-ratio 1.3), 
    only screen and (-o-min-device-pixel-ratio 13/10), 
    only screen and (min--moz-device-pixel-ratio 1.3), 
    only screen and (min-device-pixel-ratio 1.3), 
    only screen and (min-resolution 120dpi) 
    background-image url('/assets/static/sprite_x2.png') 
+0

是的!我不認爲我會在噴筆中使用冒號,但這樣做。 – frhd

1

我是這樣寫的。

div 
    box-shadow \ 
    0 0 0 black \ 
    1 0 0 black \ 
    0 0 1 black