Блог

Я использую Compass 1.0, и когда я делаю @include display-flex; или любое другое свойство, связанное с flex, я получаю только

 display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
  

и т.д. Нет префиксов -moz или -o . Есть идеи, почему?

Opera никогда не использовала -o- префикс для Flexbox. Он был представлен в движке Presto без префиксов. Только позже, когда поддержка свойств Flexbox (наряду с несколькими другими), -webkit- префикс также был поддержан.

Модуль Flexbox, который в настоящее время отображается в версии 1.0 alphas, только выдает свойства для текущей спецификации Flexbox. Из-за этого вы также не увидите -moz- префикс: движок Mozilla использует только префиксы для исходной спецификации Flexbox (например. display: -moz-box ). Mozilla поддерживает текущую спецификацию без префиксов начиная с 22.0 (хотя поддержка flex-wrap не существовала до 28.0). Вы также не увидите -ms- префикс, потому что версии IE, использующие префиксы, поддерживают более старый проект марта 2012 (например. display: -ms-flexbox ).

Теперь, если вас интересует набор миксинов, совместимых с Compass, который будет охватывать все ваши базы, я написал несколько:

• Совместим с Compass 1.0 (немного более старая версия, которая показывает использование)
• Совместим с Compass 0.12 (попробуйте это на CodePen)