Multiselect scss
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
f2de6568a3
commit
7a4cee5070
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue