Компас: Синтаксическая ошибка: Undefined mixin ‘user-select’

Вопрос:Я получаю следующую ошибку при попытке использовать 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 ‘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» достаточно.

Оцените статью
Добавить комментарий