36282


paddihng、marginなどの変数を1ずつ上げていきたい時、下記のようにxを付けるしか方法が思いつかないのですが、どのように対処していますか？

1ずつ上げるまでは行わずにだいたいだけ作って  
そこに当てはまらなければ、変数での指定はしないのが一般的なのでしょうか？

[code]

    /* margin */
    --margin-small: 2rem;
    --margin-medium: 4rem;
    --margin-large: 6rem;
    --margin-large-x: 7rem;
    --margin-large-xx: 8rem;
    --margin-large-xxx: 9rem;
    
[/code]


CC BY-SA 3.0
2017-07-11T08:18:06.880
36277
2017-07-12T05:51:04.557
2017-07-12T05:51:04.557
3060
24247
question
css postcss
paddihng、marginなどの変数を1ずつ上げていきたい時に下記のようにxを付けるしか方法が思いつかないのですが、どのように対処していますか？


例示のように1remずつ差をつけて使い分けることがあまりありません。  
実際に例示されたように使用するのであれば、smallやmediumなどのような表現ではなくどの変数がどの値なのかわかるように命名したほうが良いのではないかと思います。

[code]

    --margin-2r: 2rem; // --margin-2remの意
    --margin-4r: 4rem;
    --margin-5r: 5rem;
    
[/code]


CC BY-SA 3.0
2017-07-12T00:05:37.260
36282
2017-07-12T00:05:37.260
17324
36277
answer