Milligram: Легко изменить цвет подсветки (#9b4dca)

Созданный на 22 февр. 2018 · 6Комментарии · Источник: milligram/milligram

Используя переменные CSS3 (настраиваемые свойства), можно переопределить цвет выделения в 1 строке CSS.

В миллиграмм.css есть что-то вроде строк:

:root {
  --highlight-color: #9b4dca;
}

а затем замените каждый #9b4dca на var(--highlight-color) .

Как только это будет сделано, заменить цвет выделения так же просто, как добавить файл custom.css с

:root {
  --highlight-color: #abcabc;
}

Hacktoberfest new feature

Источник

mterron

👍10 ❤3

Самый полезный комментарий

Я пришел сюда за тем же самым ^^, но, поскольку он написан на SASS, и вы можете захотеть поддерживать старые браузеры, я бы порекомендовал сделать более проверенный пример, подобный этому:

button {
  background-color: $color-primary;
  background-color: var(--color-primary, $color-primary);
}

Таким образом, браузеры, которые не поддерживают пользовательские свойства CSS, все равно будут использовать рабочую версию. Кроме того, в настоящих таблицах стилей не требуется $#$ :root {} , поскольку var() уже предоставляет резервный вариант.

Ваше здоровье,
Доминик

dkundel 23 мар. 2018

👍6

Все 6 Комментарий

button {
  background-color: $color-primary;
  background-color: var(--color-primary, $color-primary);
}

Ваше здоровье,
Доминик

dkundel 23 мар. 2018

👍6

Есть ли у них какой-либо прогресс или что-то сделано в этом направлении? 😄

timrossback 29 июн. 2019

Есть ли у них какой-либо прогресс или что-то сделано в этом направлении? 😄

вы всегда можете изменить значения цветов из src/_Color.sass , а затем снова перекомпилировать с помощью sass --update . Вы также можете добавить свои собственные файлы sass.

dntzbgh 29 июн. 2019

Есть ли у них какой-либо прогресс или что-то сделано в этом направлении? 😄
вы всегда можете изменить значения цветов из src/_Color.sass , а затем снова перекомпилировать с помощью sass --update . Вы также можете добавить свои собственные файлы sass.

Хорошая точка зрения! Думаю, я ищу немного более готовое решение, так как я не использую Sass, но я действительно не знаю, как это можно легко сделать, кроме как изменить сами значения в /dist/milligram.min.css , что было бы проблематично.

timrossback 30 июн. 2019

👍1

Люблю этот фреймворк! Не могу дождаться выхода этой функции 🚀