Синтаксис условия if / else в миксине SCSS

Привет, я пытаюсь изучить SASS / SCSS и пытаюсь реорганизовать свой собственный миксин для clearfix

. Я бы хотел, чтобы миксин основывался на том, Я передаю смесь ширины.

мыслей на данный момент (только псевдокод, поскольку я буду включать другие миксины)

@mixin clearfix($width) {

   @if !$width {

    // if width is not passed, or empty do this

   } @else {

        display: inline-block;
        width: $width;
   }
}

вот как я думал, что могу назвать это, но это не работает.

@include clearfix ();

или

] @include clearfix (100%)

или

@include clearfix (960px)

Я буду признателен за любую помощь в выборе лучшего или правильного способа сделать это!

104
задан rmNyro 3 October 2017 в 10:26
поделиться