Использование переменной несколько раз в SASS

Одну переменную можно использовать несколько раз:

$var: 20px; p { font-size: $var; } div { font-size: $var; }

Результат компиляции приведенного кода будет следующим:

p { font-size: 20px; } div { font-size: 20px; }

Расскажите, каким будет результат компиляции следующего кода:

$var: 100px; #block { width: $var; height: $var; }

Расскажите, каким будет результат компиляции следующего кода:

$color: #000; p { color: $color; } div { background-color: $color; } section { border: 1px solid $color; }



Чат с GPT Компилятор