33 lines
726 B
SCSS
33 lines
726 B
SCSS
|
%expanded-single-select label {
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
%expanded-single-select input[type='radio']:checked + *,
|
||
|
%expanded-single-select input[type='radio']:hover + *,
|
||
|
%expanded-single-select input[type='radio']:focus + * {
|
||
|
background-color: $white;
|
||
|
box-shadow: 0 4px 8px 0 rgba($black, 0.05);
|
||
|
}
|
||
|
%expanded-single-select,
|
||
|
%expanded-single-select label {
|
||
|
height: 100%;
|
||
|
}
|
||
|
@media #{$--horizontal-selects} {
|
||
|
%expanded-single-select {
|
||
|
display: flex;
|
||
|
}
|
||
|
%expanded-single-select label {
|
||
|
flex-grow: 1;
|
||
|
}
|
||
|
}
|
||
|
%expanded-single-select label {
|
||
|
display: block;
|
||
|
}
|
||
|
%expanded-single-select label span {
|
||
|
display: block;
|
||
|
height: 100%;
|
||
|
padding: 5px 14px;
|
||
|
}
|
||
|
%expanded-single-select input[type='radio'] {
|
||
|
display: none;
|
||
|
}
|