clean select-box css

This commit is contained in:
Joffrey JAFFEUX 2017-08-29 14:31:03 +02:00 committed by GitHub
parent f101fec19c
commit 21c4e38eec
1 changed files with 6 additions and 42 deletions

View File

@ -82,7 +82,9 @@
cursor: pointer; cursor: pointer;
outline: none; outline: none;
display: flex; display: flex;
align-items: center; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between; justify-content: space-between;
&.is-focused { &.is-focused {
@ -100,12 +102,15 @@
} }
.select-box-row { .select-box-row {
margin: 5px;
min-height: 1px;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
padding: 5px; padding: 5px;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
align-items: center;
-webkit-box-pack: start; -webkit-box-pack: start;
-ms-flex-pack: start; -ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
@ -218,9 +223,6 @@
} }
.select-box .select-box-row { .select-box .select-box-row {
margin: 5px;
min-height: 1px;
.text { .text {
margin: 0; margin: 0;
} }
@ -281,41 +283,3 @@
left: 0px; left: 0px;
top: 0px; top: 0px;
} }
.select-box.discourse {
.select-box-header {
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
border-radius: 3px;
&.is-focused {
border: 1px solid $tertiary;
border-radius: 3px;
box-shadow: $tertiary 0px 0px 6px 0px;
}
}
&.is-expanded {
.select-box-header {
border-radius: 3px 3px 0 0;
}
.select-box-body, .collection, {
border-radius: 0 0 3px 3px;
}
.select-box-wrapper {
border: 1px solid $tertiary;
border-radius: 3px;
box-shadow: $tertiary 0px 0px 6px 0px;
}
}
.select-box-row {
margin: 5px;
}
&.is-highlighted .select-box-header {
border: 1px solid $tertiary;
box-shadow: $tertiary 0px 0px 6px 0px;
}
}