Цвет границы в зависимости от фонаCSS

Разбираемся в CSS
Ответить
Anonymous
 Цвет границы в зависимости от фона

Сообщение Anonymous »

Я часто использую преимущества затемнения и осветления в своих стилях SASS. В настоящее время я пишу класс, который будет иметь границу, но цвет фона будет зависеть от другого класса. Я хочу сделать цвет границы темнее цвета фона элемента.

Примерно так:

Код: Выделить всё

.blue { background: #00f; }
.red  { background: #f00; }

.border { border: 2px solid darken(background, 20); }
Тогда разметка будет такой:

Код: Выделить всё


I have a dark blue border!

I have a dark red border!

Естественно, если бы это работало так, как я здесь написал, я бы не публиковал это как вопрос на SO :)
Итак, вопрос заключается в следующем: Могу ли я основывать цвет границы на атрибуте фона динамически, и если да, то как?

Подробнее здесь: https://stackoverflow.com/questions/229 ... background
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»