1

私は現在、クライアントの 1 人のサイトに取り組んでおり、そのデザインには点線の境界線がたくさん含まれています。これらの CSS は常に次の形式を取ります。

border-direction: 1px dotted $bdrColor;

ここで、方向は上、右、下、または上です。この境界線はサイト全体で非常に頻繁に使用されるため、必要なときに参照できる mixin を作成するのはクールだと思いました。次のようなもの：

@mixin dotted-border($direction){
border-$direction: 1px dotted $articleSubContentBdrColor; 
}

ただし、 $direction 変数の連結が正しくなく、SASS がコンパイルされません。コンパスには、境界半径ミックスインを使用して各方向に SASS ミックスインがあることに気付いたので、これは可能ですか?

感謝して受け取った助け。

4

1 に答える 1

2

これを試して

@mixin dotted-border($direction,$articleSubContentBdrColor){
   border-#{$direction}: 1px dotted $articleSubContentBdrColor; 
}

例

body{
   @include dotted-border(right, black);
}
于 2013-02-25T11:10:31.223 に答える