2017-01-03 6 views
1

私は、次のことを行う可能性について(あるいは可能であれば)何らかの文書を見つけることができないようです。複数のネストされたCSSネームスペースとSASS?

.example { 
    border: { 
    style: dashed; 
    width: 30px; 
    color: blue; 
    } 
} 

それはまだこのフォーマットを持つことが可能ですが、チェーンtop, right, bottom, left宣言:以下

は、基本的なCSS/SASSの名前空間宣言のですか?

私はこれが書かれて想像方法:

.example { 
    border: { 
    top, right, bottom, left: { 
     style: dashed; 
     width: 30px; 
     color: blue; 
    } 
    } 
} 

.example { 
    border: { 
    [top, right, bottom, left]: { 
     style: dashed; 
     width: 30px; 
     color: blue; 
    } 
    } 
} 

答えて

0

あなたは国境後に一つずつを追加する必要があります:{}このように、プロパティ:

.example{ 
     border:{ 
      style: dashed; 
      width:10px; 
     color: blue; 
     } 
    border-top:{ 
     width:3px; 
     } 
    border-left:{ 
     color:red; 
    } 
    border-right:{ 
     width:25px; 
    } 
    padding:70px; 
    } 
+0

ありがとう、私の質問には完全には答えていません。 –

2

ことが可能です(私の以前の間違った答えには申し訳ありません)。その一例は、SASSのすべてのバージョンで完全に動作しているようだ:

.example { 
    border: { 
    top: { 
     style: dashed; 
     width: 30px; 
     color: blue; 
    } 
    left: { 
     style: dashed; 
     width: 30px; 
     color: blue; 
    } 
    } 
} 

SassMeister上の例を確認してください。

+0

私はそれが事実かもしれないと思った、私の例は純粋に理論だった。私はGithubのリクエストとして提出する必要がありますか? –

+0

@ shannon-young、最後の例を確認してください。以前の私の間違った返事をおかけして申し訳ありません(私は今日SASSについて新しいことを学びました:))。プロパティをネストすることは可能ですが、例のようにテーマを分離する必要があります。 –

+1

これは当初のものですが、可能であれば私は繰り返しを避ける方法を探していました。 D.R.Yの言葉で考える。 –

関連する問題