2017-12-19 11 views
0

現在、応答フォントサイズのために、SASのピクセルにフォールバックするremフォントサイズのミキシングを使用しています。私はこのmixinを使用しています:@includeの代わりにmixin SASSを呼び出す簡単な方法

@mixin font-size ($size) { 
    $remValue: $size/16; 
    $pxValue: ($size); 
    font-size: $pxValue + px; 
    font-size: $remValue + rem; 
} 

私は、このミックスインを呼び出す短い方法があるのだろうかと思っていました。 今、私は入力する必要があります:20個のピクセル(1.25rem)の大きさのために

@include font-size(20); 

魔女は、フォントサイズのカップルのために設定し、良いですが、私が使用している場合それは迷惑なってきた30回以上...

は、今私はLESS使用していることを見た:

.font-size(20); 

が同じことを行うために、魔女はBETTです私はSASSを使う必要があります。
この呼び出しを短くすることはできますか、それでも@includeを使用する必要はありますか?

私はこのためのemmetショートコードを見つけることができませんでした...

ありがとう!

ない

答えて

3

あなたができないんあなたはSASS Docs

SS

+0

悲しいことに... :( 私はそれまたは何かのショートコードを作る必要がありますね... – Loosie94

0

に見ることができるように、私はこの呼び出しを短くすることはできますか私はまだ@includeを使用する必要がありますか?

現在、短い方法がSassy CSS(SCSS)には存在しません。しかし、純粋なSASSでは、@includeの代わりに+を使用することもできます。あなたはこれが唯一のもともとのRubyに基づいてSASSの構文に適用される.sassにあなたのファイル形式の名前を変更する必要が

=font-size($size) 
    $remValue: $size/16 
    $pxValue: ($size) 
    font-size: $pxValue + px 
    font-size: $remValue + rem  

.selector 
    +font-size(20) // <- that + here 

注意。

関連する問題