Sha256: 3e9e4b1b59b7a1c5f617730adc89ff5533a33f8a2d14861fe7f226057d97a914
Contents?: true
Size: 1.71 KB
Versions: 17
Compression:
Stored size: 1.71 KB
Contents
@import "../pb_body/body_mixins";
@import "../pb_textarea/textarea_mixin";
@import "../tokens/colors";
[class^=pb_select] {
margin-bottom: $space_sm;
select {
@include pb_textarea_light;
appearance: none;
cursor: pointer;
box-shadow: inset 0 -11px 20px rgba($primary, 0.05);
padding-right: $space_lg;
&:hover, &:active, &:focus {
background-color: $focus_input_light;
}
&:disabled ~ .pb_select_kit_caret {
opacity: 0.5;
}
color: transparent !important;
text-shadow: 0 0 0 $text_lt_default;
}
option {
color: $text_lt_default;
}
.pb_select_kit_label {
margin-bottom: $space_xs;
display: block;
}
.pb_select_kit_wrapper {
position: relative;
display: block;
&.error {
[class*=pb_body_kit] {
margin-top: $space_xs / 2;
}
> select:first-child {
border-color: $error;
}
.pb_select_kit_caret {
top: 35%;
}
}
}
.pb_select_kit_caret {
position: absolute;
right: $space_sm;
top: 50%;
display: block;
color: $text_lt_default;
font-size: ($font_large + 3);
transform: translateY(-50%);
pointer-events: none;
}
&[class*=_dark] {
select {
@include pb_textarea_dark;
background: $focus_input_dark;
box-shadow: inset 0 -11px 20px rgba($white, 0.05);
&:hover, &:active, &:focus {
background-color: tint($focus_input_dark, 5%);
}
text-shadow: 0 0 0 $text_dk_default;
}
.pb_select_kit_caret {
color: $white;
}
.pb_select_kit_wrapper {
&.error {
.pb_select_kit_wrapper {
> select:first-child {
border-color: $error_dark;
}
}
}
}
}
}
Version data entries
17 entries across 17 versions & 1 rubygems