mirror of
https://github.com/zoriya/flood.git
synced 2026-05-28 09:27:35 +00:00
Style selectable dropdown items independently of other unselectable items
This commit is contained in:
@@ -95,19 +95,22 @@
|
||||
}
|
||||
|
||||
&__item {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
padding: 5px 15px;
|
||||
transition: background 0.25s, color 0.25s;
|
||||
|
||||
&:hover {
|
||||
background: $dropdown--item--background--hover;
|
||||
color: $dropdown--item--foreground--hover;
|
||||
}
|
||||
&.is-selectable {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
transition: background 0.25s, color 0.25s;
|
||||
|
||||
&.is-selected {
|
||||
color: $dropdown--item--foreground--active;
|
||||
&:hover {
|
||||
background: $dropdown--item--background--hover;
|
||||
color: $dropdown--item--foreground--hover;
|
||||
}
|
||||
|
||||
&.is-selected {
|
||||
color: $dropdown--item--foreground--active;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user