.page--FAQ.is--mobile {
.nav-wrapper {
@media #{$medium-and-down} {
min-height: 0;
}
}
.navbar--search-title {
@media #{$medium-and-down} {
margin-bottom: calc(5.6rem - 64px);
}
@media #{$small-and-down} {
margin-bottom: calc(5.6rem - 56px);
}
.nav-extended {
background: transparent;
box-shadow: none;
}
}
}
Я пытаюсь загрузить таблицу стилей в зависимости от размера порта просмотра. Для этого мне нужно отделить CSS, сгенерированный в разных медиазапросах от SCSS, до отдельной таблицы стилей и загрузить их, используя jQuery или js.