@ media-common - Навіщо нам це потрібно використовувати?

У документації на Magento 2 lib вона міститься в наступному:

@ media-common: true | false - встановлює, чи слід виводити загальні стилі. Для загальних стилів кожен раз, коли ви хочете додати деякі стилі, які слід використовувати

& when (@media-common = true) {
    your styles
}

Питання

Яка різниця між використанням цього та просто написанням Менше без цього? Як от:

& when (@media-common = true) {
    body {
        background: blue;
    }
}

Як це компілюється по-різному:

body {
    background: blue;
}

Чи не буде вона виведена у стилях-l.css та стилях-m.css незалежно?

Magento 2 дотримується мобільного першого підходу, а @ media-common = true було розроблено для визначення стилів, які є базовими (мобільними) і повинні бути присутніми в styles-m.css. Якщо ви скасуєте це оголошення, стилі будуть виведені як у файли, так styles-m.cssі у styles-l.cssфайли.