linear-gradient не работает в ionic3

Я пытаюсь создать новый цвет градиента в моем файле Ionic3 variable.sass.

$colors: (
  primary:    #4471C1,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  newcolor: linear-gradient(#0fe2f3, #4caefe)
);

Это дает мне следующую ошибку

The value`` must be a color.

Как добавить градиентный цвет?


ionic-framework angular ionic3 sass linear-gradients
person Tapas Mukherjee    schedule 06.12.2017    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вы можете попробовать, как показано ниже.

app.scss

.toolbar-background {
    background: -webkit-linear-gradient(-55deg, #50a2a7 35%, #e9b44c 100%) !important;
}

UI

Когда я применил его к своему приложению:

введите здесь описание изображения

person Sampath    schedule 06.12.2017
comment
Поэтому я пишу приведенный выше код в свой файл variable.sass. Пожалуйста, дайте мне знать, как мне использовать background-gradient. Если я назначу это как $toolbar-background: background-gradient;, это не сработает - person Tapas Mukherjee; 06.12.2017
comment
Вам нужно поместить это в app.scss файл. - person Sampath; 06.12.2017
comment
Понял. Теперь, если я хочу использовать background-gradient в качестве переменной $toolbar-background для изменения всех панелей инструментов за один раз, как и где мне это сделать. Извините, новинка с дизайнерской частью. - person Tapas Mukherjee; 06.12.2017
comment
Это великолепно ... Большое вам спасибо. - person Tapas Mukherjee; 07.12.2017
comment
Рад слышать, что помогло :) - person Sampath; 07.12.2017