Multiselect scss

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-06-03 11:24:32 +02:00
parent f2de6568a3
commit 7a4cee5070
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
1 changed files with 5 additions and 5 deletions

View File

@ -17,10 +17,10 @@
*/ */
ul.multiselectoptions { ul.multiselectoptions {
background-color: $color-main-background; background-color: var(--color-main-background);
border: 1px solid $color-primary; border: 1px solid var(--color-primary);
border-top: none; border-top: none;
box-shadow: 0 1px 10px $color-box-shadow; box-shadow: 0 1px 10px var(--color-box-shadow);
padding-top: 8px; padding-top: 8px;
position: absolute; position: absolute;
max-height: 20em; max-height: 20em;
@ -31,7 +31,7 @@ ul.multiselectoptions {
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
width: 100%; width: 100%;
/* do not cut off group names */ /* do not cut off group names */
box-shadow: 0 1px 10px $color-box-shadow; box-shadow: 0 1px 10px var(--color-box-shadow);
} }
&.up { &.up {
border-top-left-radius: 3px; border-top-left-radius: 3px;
@ -95,7 +95,7 @@ select.multiselect {
/* To make a select look like a multiselect until it's initialized */ /* To make a select look like a multiselect until it's initialized */
div.multiselect { div.multiselect {
&.active { &.active {
background-color: $color-main-background; background-color: var(--color-main-background);
position: relative; position: relative;
z-index: 150; z-index: 150;
} }