SASS for iPhone XセーフエリアスタイリングでCSSレベル4の最大機能を使用する

Question

hereのようなセーフエリアスタイリングのために、SASSでCSSレベル4の機能 'max'を使用したいと考えています。 しかし、この機能はSASSのmax機能と競合します。 SASSでCSS Level 4 max機能を使用する方法はありますか？

Answer 1

SASSでCSSレベル4の最大機能を使用する場合は、max関数を引用符で囲んで引用符を付ける必要があります。

@supports(padding: max(0px)) { 
    padding-left: unquote('max(#{$susy-gutter-width}, env(safe-area-inset-left))'); 
    padding-right: unquote('max(#{$susy-gutter-width}, env(safe-area-inset-right))'); 
}