Вопрос:
Я получаю следующую ошибку при попытке использовать mixin ‘user-select’. Я использую версию 0.12.2, которая, я уверен, поддерживает user-select из компаса. Так почему я не могу использовать этот mixin?
Ошибка
Syntax error: Undefined mixin ‘user-select’
Включает в себя
// css3 @import «compass/css3»; @import «partials/deposit»;
Вызов
//File: partials/_deposit.scss @include user-select(none);
Так почему я не могу использовать этот mixin?
Лучший ответ:
Из @import «compass/css3/», это список импортированных вещей:
- Внешний вид. Укажите свойство внешнего вида CSS3.
- Фоновый клип. Укажите фоновый клип для всех браузеров.
- Предыстория фона. Укажите источник фона для всех браузеров.
- Размер фона. Укажите размер фона для всех браузеров.
- Радиус рамки. Укажите радиус границы для всех браузеров.
- Ящик. Этот модуль предоставляет микшины, относящиеся к гибкой коробке CSS3.
- Тень коробки. Укажите тень окна для всех браузеров.
- Размер окна. Укажите размер окна для всех браузеров.
- Столбцы. Укажите столбечный макет для всех браузеров.
- Фильтр. Укажите фильтр (изображение) для всех браузеров.
- Лицо шрифта. Укажите загружаемый шрифт для всех браузеров.
- Распространение – Миксин для разрыва пространства и инъекции гипсов в переполняющий текст
- Изображения. Укажите линейные градиенты и радиальные градиенты для многих браузеров.
- Встроенный блок. Объявите встроенный блок элементов для всех браузеров.
- Непрозрачность. Укажите непрозрачность для всех браузеров.
- Регионы CSS. Укажите регионы CSS для поддерживаемых браузеров.
- Текстовая тень. Укажите тень текста для всех браузеров.
- Трансформация. Укажите преобразования для многих браузеров.
- Переход. Укажите переход стиля для всех браузеров.
Из этого можно сказать, что пользовательский интерфейс Compass (css3/user-interface) не связан с compass/css3, поэтому вам нужно вызвать его также после вызова css3:
@import «compass/css3» @import «compass/css3/user-interface» //other imports
Update
Компас 0.13.а .10 вперед
Похоже, что 0.13.alpha.10 Compass импортирует пользовательский интерфейс, поскольку страница документации была обновлена:
- Пользовательский интерфейс. Объявите встроенный блок элементов для всех браузеров.
Также была добавлена анимация:
- Анимация. Укажите свойство анимации CSS3 и все его под-свойства.
Поэтому просто @import «compass/css3» достаточно.