Как использовать !default в миксине SASS?

У меня есть этот миксин SASS:

@mixin micro-clearfix
    &:after,
    &:before
        content: ""
        display: table
    &:after
        clear: both
    * html &
        height: 1% !default
    *+html &
        min-height: 1% !default

К сожалению, он не компилируется, пока я не удалю !default, в котором и был бы смысл иметь этот миксин.

Сообщение об ошибке, которое я получаю::

Invalid CSS after "1% ": expected expression (e.g. 1px, bold), was "!default")

Я хотел бы добиться того, чтобы, еслиheight(илиmin-height)уже были определены для селектора, миксин должен использовать это значение, иначе он должен определить это свойство как 1%.

Я не хочу использовать zoom, так как это недопустимое свойство, а я хочу, чтобы мой CSS был чистым.

Я неправильно использую !default?

У меня Compass 0.12.1 и SASS 3.1.10.

10
задан Sunil Garg 12 February 2018 в 01:25
поделиться