Sha256: 06cbae73e4d5df094cbe6295b64f8aa8d70dd91c7a27ecb889e3cb5f6e932894
Contents?: true
Size: 1.9 KB
Versions: 18
Compression:
Stored size: 1.9 KB
Contents
@import "../pb_body/body_mixins";
@import "../pb_textarea/textarea_mixin";
@import "../pb_title/title_mixin";
@import "../tokens/colors";
[class^=pb_select] {
margin-bottom: $space_sm;
select {
@include pb_textarea_light;
@include pb_title_4;
appearance: none;
cursor: pointer;
box-shadow: inset 0 -11px 20px rgba($primary, 0.05);
padding-right: $space_lg;
@media (hover:hover) {
&: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;
}
&.dark {
select {
@include pb_textarea_dark;
@include pb_title_4;
@include pb_title_dark;
background: $focus_input_dark;
box-shadow: inset 0 -11px 20px rgba($white, 0.05);
@media (hover:hover) {
&: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
18 entries across 18 versions & 1 rubygems