42 lines
584 B
SCSS
42 lines
584 B
SCSS
|
.d-date-time-input-range {
|
||
|
|
padding: 0.5em;
|
||
|
|
border: 1px solid $primary-low;
|
||
|
|
width: 300px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
|
||
|
|
.panels {
|
||
|
|
display: inline-flex;
|
||
|
|
list-style: none;
|
||
|
|
margin: 0 0 0.5em 0;
|
||
|
|
flex: 1;
|
||
|
|
|
||
|
|
&.from {
|
||
|
|
.from-panel {
|
||
|
|
background: $danger;
|
||
|
|
color: $secondary;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.to {
|
||
|
|
.to-panel {
|
||
|
|
background: $danger;
|
||
|
|
color: $secondary;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn {
|
||
|
|
margin-right: 0.5em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.panel {
|
||
|
|
display: none;
|
||
|
|
flex: 1;
|
||
|
|
|
||
|
|
&.visible {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|