Линейные градиенты SASS Compass с цветными ограничителями px и webkit - PullRequest
1 голос
/ 11 февраля 2011
@include linear-gradient(color-stops(#e2e2e2, #fff 600px), top);

будет генерировать что-то вроде

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #ffffff));
                                                     ^ this is not 600px

Также из этого поста я узнал, что в webkit я должен использовать что-то вроде 600 вместо 600px.

Разве Компас не делает этого?

Также мне нужно добавить background-repeat: no-repeat иначе градиент будет повторяться в webkit?

1 Ответ

1 голос
/ 25 февраля 2011

+ 1 с той же проблемой.К сожалению, эта страница примера компаса показывает градиенты, работающие нормально в WebKit.Может быть, это проблема версии?Я собираюсь попробовать перейти на более раннюю версию и посмотреть, поможет ли это.


РЕДАКТИРОВАТЬ

Похоже, цвета веб-пакетов были исправлены в голове,Установите последнюю версию (0.11.beta.2 на момент написания этой статьи) и убедитесь, что вы перезапустите свой сервер (в отличие от того, что мы делали в первый раз), и вы обнаружите, что цвет webkit перестает работать правильно.

...