Textarea
CODE
×
HTML
<div class='form-floating mb-6 textarea'> <textarea class='form-control' placeholder='Your message' id='textarea'></textarea> <label for='textarea'>Your Message</label> </div>
CSS
textarea.form-control { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-s); line-height: var(--lh-m); color: var(--fc2); border-color: var(--lc5); border-top-left-radius: var(--br2-1); border-top-right-radius: var(--br2-2); border-bottom-left-radius: var(--br2-3); border-bottom-right-radius: var(--br2-4); max-height: 50vh; min-height: 120px !important; } label { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-s); line-height: var(--lh-s); color: var(--fc2); } .form-control:focus { box-shadow: none; } .form-control:focus-visible { box-shadow: 0 0 0 1px var(--bsc1); border-color: var(--bsc1) !important; }
JS
Textarea
Last Edit: Aug 18, 2023, 11:32am
×
Your Message