Где получить информацию по всем mixins для SASS?

Question

[angelzzz]

Добрый день!

Решил сделать первый проект использую sass/scss. Установил compass. Создал проект bootstrap.

Теперь пытаюсь делать файл своих стилей и не могу понять где брать информацию по всем mixins. Например, мне нужно сделать transition, я вставил @include transition (all .4s ease-out);

На как-то сложно ищется вся эта информация, а на оф сайте вообще не найти. Искал как сделать grayscale, в итоге написал свой mixin

@mixin grayscale_element($value) {
    -webkit-filter: #{"grayscale(#{$value})"};
    -moz-filter: #{"grayscale(#{$value})"};
    filter:#{"grayscale(#{$value})"};
}

Гуглирование по sass mixin grayscale ведет только на сайт compass или stackoverflow. Очереднйо поиск по @include border-radius (20px); привел в никуда, пишет Syntax error: Undefined mixin 'border-radius'.. Мне нужно самому все писать? Тогда в чем смысл, в том чтобы сделать для себя библиотеку заготовок и использовать в каждом проекте? Не для этого ли существуют фреймворки?

Может быть я как-то не так использую sass?

Comments

[copal]

Ошибся! Вот здесь описаны функции и миксины sass-lang.com/documentation/Sass/Script/Functions.html

[angelzzz]

copal: Можете подсказать как этим списком пользоваться, потому что я в нем так и не нашел ни transition, ни grayscale, ни border-radius

Answer 1

[sergski]

В компасе полно миксинов — compass-style.org/index/mixins

Comments

[angelzzz]

буду благодарен если объясните как реализовать с помощью них transition (all .4s ease-out); или border-radius (20px);, ибо как я писал выше на меня ругаются Syntax error: Undefined mixin 'border-radius'.

[sergski]

angelzzz: Вероятно, у вас не прописаны такие строчки в начале sass файла :
Dmitrijs Balcers "compass/css3";
Dmitrijs Balcers "compass/utilities";
работает как часы:
.trns {
@include transition-property(all);
@include transition-duration(0.4s);
@include transition-timing-function(ease-out);
}