Как преобразовать CSS фонового изображения с линейным градиентом в SASS?

Как преобразовать css ниже в scss?

background-image: 
    linear-gradient(
      180deg,
      hsl(0, 0%, 78%) 0%,
      hsl(0, 0%, 90%) 47%,
      hsl(0, 0%, 78%) 53%,
      hsl(0, 0%, 70%) 100%
    );

Чтобы он мог заменить background: red в моем scss ниже:

$material-light: (
  background: red,
);
$material-dark: (
  background: #00ff00,
);

Зачем использовать значения свойств с префиксом -webkit-в том же объявлении, что и версия без префикса?

— connexo 09.04.2021 16:45

@connexo Действительно, свойства -webkit на самом деле не нужны. Я обновил свой пост.

— DevonDahon 09.04.2021 16:56

Я не работал с SCSS несколько лет, но разве переменные SCSS не должны содержать значения, а не декларации?

— connexo 09.04.2021 17:16

Вы имеете в виду писать его как классы или как значение переменных, чтобы использовать их во фреймворке?

— Brebber 09.04.2021 17:41
sass
09.04.2021 16:36
Оптимизируйте свой CSS с помощью Gerillass: Библиотека Sass для эффективной стилизации
Оптимизируйте свой CSS с помощью Gerillass: Библиотека Sass для эффективной стилизации
Если вы планируете стать веб-разработчиком, вы наверняка слышали о CSS - языке, используемом для стилизации HTML-документов. CSS является неотъемлемой...
0
4
16
1

Ответы 1

Если вы хотите добавить его на карту, просто оберните его в одну строку.

Вы можете:

$material-light: (
    background-image: 'linear-gradient(180deg, hsl(0, 0%, 78%) 0%, hsl(0, 0%, 90%) 47%,hsl(0, 0%, 78%) 53%, 0%, 70%) 100%)',
);
09.04.2021 17:50

Другие вопросы по теме

Мой рабочий веб-сайт не находит URL-адрес начальной загрузки node_modules и JQuery
Почему не отображается путь к файлу?
Ошибка узла Sass: не удается найти модуль mkdirp
Изменить стиль нижней границы на mat-autocomplete
Изменить цвет по умолчанию для класса Bootstrap btn-primary
Могу ли я динамически устанавливать непрозрачность фона, используя Angulars [ngStyle], не влияя на накладываемый текст?
Mixin scss themify не работает с псевдоэлементом
Tailwind CSS с JIT не работает с webpack
Перебирать вложенный список SCSS с помощью пары ключ / значение
Мерцание непрозрачности градиента CSS при наведении курсора

Похожие вопросы

Как добавить -fluid в класс с подименованием с помощью sass
Разница между переменными SCSS и переменными CSS?
Есть ли способ изменить цвет текста в зависимости от цвета фона другого элемента в CSS?
Файл для чтения не найден в vscode и live sass компиляторе с удаленным ssh fs
Как мне получить SASS с автоматическим обновлением?
Использование SASS SCSS в .Net Core 5. Как установить и использовать?
Добавление стиля в mat-option из mat-autocomplete
Dart Sass: загрузите переменные темы в новую систему модулей
Как мне работать с линейным градиентом над установкой приложения липкой позиции в последней строке
Невозможно использовать глобальный scss в Next.js, сообщение Global CSS не может быть импортировано из файлов, отличных от вашего Custom <App>