mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 10:46:14 -04:00
style: textarea
This commit is contained in:
parent
76a656a08b
commit
44366a33d5
10 changed files with 61 additions and 16 deletions
|
@ -369,12 +369,30 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Textarea
|
||||
textarea {
|
||||
display: block;
|
||||
resize: vertical;
|
||||
|
||||
&[aria-invalid] {
|
||||
@if $enable-important {
|
||||
#{$✨}icon-height: calc(
|
||||
(1rem * var(#{$✨}line-height)) +
|
||||
(var(#{$✨}form-element-spacing-vertical) * 2) +
|
||||
(var(#{$✨}border-width) * 2)
|
||||
);
|
||||
background-position: top right 0.75rem !important;
|
||||
background-size: 1rem var(#{$✨}icon-height) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Helper
|
||||
:where(input, select, textarea) {
|
||||
+ small {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-top: calc(var(#{$✨}spacing) * -0.625);
|
||||
margin-top: calc(var(#{$✨}spacing) * -0.75);
|
||||
margin-bottom: var(#{$✨}spacing);
|
||||
color: var(#{$✨}muted-color);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue