CSSの変数について
サイトの隙間はバラバラではなく数個に決まるので、
下記のように共通する隙間を変数にして、使えば隙間を増やしたいと思った時は、
下記だけを代えればすべて変更してくれるので、このようにするのがベストプラクティスだと思うのですが、このようにすると下の隙間だけの場合は良いのですが、上下左右にあるばあい、marginをいっぺんにかけない問題が起こると思うのですが、どう対処していますか？
--margin-medium--bottom: ;
またutilityを使うという方法もありますが、やはりマルチクラスが多くなりすぎるので変数の方が良いでしょうか？