clean select-box css
This commit is contained in:
parent
f101fec19c
commit
21c4e38eec
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue