Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Sass @extend, автопрефиксер и псевдоклассы (https://javascript.ru/forum/xhtml-html-css/66843-sass-%40extend-avtoprefikser-i-psevdoklassy.html)

Octane 13.01.2017 17:38

Sass @extend, автопрефиксер и псевдоклассы
 
Возьмем для примера псевдокласс :fullscreen.
.some {
    color: red;
}

.other:fullscreen {
    @extend .some;
}

Sass превращает это в:
.some, .other:fullscreen {
    color: red;
}

Далее PostCSS (Автопрефиксер) генерирует:
.some, .other:-webkit-full-screen {
    color: red;
}
.some, .other:-moz-full-screen {
    color: red;
}
.some, .other:-ms-fullscreen {
    color: red;
}
.some, .other:fullscreen {
    color: red;
}

Но вот проблема: если браузер ничего не знает о псевдоклассе, например любой Safari в iOS не понимает :fullscreen, то будут сфейлены все 4 блока, стили для .some не применятся.

Вопрос: как заставить PostCSS или Sass дополнительно генерировать отдельный блок .some?
Допустим код .some менять не могу (переделывать в mixin), это какой-то тулкит.

Octane 13.01.2017 18:48

https://twitter.com/DmitryKorobkin/s...23797398654978


Часовой пояс GMT +3, время: 20:52.