здесь моя проблема, я пытаюсь автоматизировать мою кнопку, мою ссылку, мой якорь в соответствии с различными bg - * (пример: основной, предупреждение ...), которые может выбрать клиент.например: если я выберу bg-red, я хотел бы, чтобы моя ссылка была белой.
здесь пример с SASS:
@each $color, $value in $theme-colors {
$hover-background: darken($value, 7.5%);
.bg-#{$color} {
color: color-contrast($value);
a {
color: color-contrast($value);
&:hover,
&:focus {
color: color-contrast($hover-background);
}
}
h1, h2, h3, h4, h5, h6 {
color: color-contrast($value);
}
}
}
В соответствии с моим другим bg-, мой цвет меняется.Теперь мой вопрос, как это адаптировать, используя свойство "background" для моей ссылки?моя ссылка уже определена и в начальной загрузке, _config.scss:
// Body
//
// Settings for the `<body>` element.
$body-bg: $white;
$body-color: $secondary;
// Links
//
// Style anchor elements.
$link-color: theme-color("dark");
$link-hover-color: darken($link-color, 15%);
Для светлых цветов фона сделайте цвет ссылки (с наведением / фокусировкой) используемыми по умолчанию цветами ссылки: - $ link-color -$ link-hover-color
И после этого приведите предыдущий код в соответствие с фоном тела, даже если он темный.
спасибо за ваш ответ.Извините за мой английский
Функция цветовой контраст определяется для вычисления цвета в соответствии с контрастом.Сесиль