Style selectable dropdown items independently of other unselectable items

This commit is contained in:
John Furrow
2016-01-09 09:51:47 -08:00
parent 58cbe5d55a
commit 55c8dbaaad
+13 -10
View File
@@ -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;
}
}
}