AB
как сделать при наведении на строку поиска кнопка тоже меняла цвет и на оборот
.search:hover .search__bar,
.search:hover .btn {
border: 1px solid #FF0B0B;
box-sizing: border-box;
border-radius: 5px 5px 5px 5px;
}
Size: a a a
2021 June 14
A
Уловил логику? Вешай через ховер на родителя
AB
ок . спасибо. понятно
MA
Есть какие-то гайды, как правильно выстроить цветовую схему для приложения, чтобы потом было не больно делать, например, светлые и темные темы?
A
MA
Это конечно отлично, но как мне это все в css правильно запихнуть?
MA
Делать что-то типа text-primary-color, background-primary, background-secondary
Или более детально для каждого элемента делать
Или более детально для каждого элемента делать
MA
Например user-card-title-color
A
Выбери цвет и жми Generate - скроль вниз и смотри какие цвета с ним сочетаются и т.д.
Там всё подробно
Там всё подробно
MA
Меня интересуют не сами цвета
A
Ааа, так бы и сказал как переменные обзывать
MA
Бля) не обозвать переменные
MA
Я это вообще не делал и пока не понимаю как
A
Да, называй абстрактно, например "$color-accent" - понятно, что это акцент цвет, но при этом не привязан к тексту, кнопке или самому цвету.
MA
Кроме акцента есть еще с десяток других цветов
MA
В темной и светлой теме они же могут не сочетаться
A
-dark
-light
дописывай
-light
дописывай
I
ну сочетанием же должен дизайнер заниматься? или в твоем случае ты должен?
ИИ
Можете подсказать. как расположить всплывающие окно, при позиции релатив занимает место, а при абсолют не прицепить к нужному месту