Sha256: 54c5f852b2aead761da482bad00f24264a9cfb0132918d2ce1f7a0da134b81fc
Contents?: true
Size: 1.61 KB
Versions: 8
Compression:
Stored size: 1.61 KB
Contents
@import "../tokens/colors";
@import "../tokens/border_radius";
@import "../tokens/spacing";
@import "../tokens/animation-curves";
@import "../pb_body/body_mixins";
@mixin pb_textarea($border_color, $background_color, $text_color) {
@include pb_body_dark;
border: 1px solid $border_color;
border-radius: $border_rad_heavier;
display: block;
width: 100%;
color: $text_color;
background-color: $background_color;
padding: ($space_xs + 4) $space_sm;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
transition: $easeIn;
outline: none;
overflow: auto;
overflow-wrap: break-word;
resize: none;
transition-property: border-color, box-shadow, color, background-color;
transition-duration: .24s;
transition-timing-function: $bezier;
&[type=number] {
-moz-appearance:textfield;
&::-webkit-inner-spin-button,
&::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
}
&:disabled, &:disabled:hover, &:disabled:focus, &:disabled:active {
background-color: shade($background_color, 5%);
box-shadow: none;
opacity: 0.5;
}
}
@mixin pb_textarea_focus($focus_color: $focus_input_light) {
background-color: $focus_color;
}
// Textarea ======================
@mixin pb_textarea_light {
@include pb_textarea($border_light, $white, $text_lt_default);
}
@mixin pb_textarea_dark {
@include pb_textarea($border_dark, $bg_dark, $text_dk_default);
}
// Hovers ======================
@mixin pb_textarea_focus_light {
@include pb_textarea_focus($focus_input_light);
}
@mixin pb_textarea_focus_dark {
@include pb_textarea_focus($focus_input_dark);
}
Version data entries
8 entries across 8 versions & 1 rubygems