Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.01.2017, 17:38
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

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 в 17:47.
Ответить с цитированием
  #2 (permalink)  
Старый 13.01.2017, 18:48
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

https://twitter.com/DmitryKorobkin/s...23797398654978
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Gulp, проблема при компиляции sass malgeorge Сборка проекта, утилиты 2 24.02.2017 11:43
Как компилировать sass в css при перезагрузки страницы? Armen (X)HTML/CSS 0 21.09.2014 16:21