Линейные градиенты SASS Compass с цветовыми точками px и webkit

@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?


css sass compass-sass
person Jiew Meng    schedule 11.02.2011    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

ИЗМЕНИТЬ

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

person steve    schedule 25.02.2011