Textareas take the boxes' radius
Every daisyUI field reads --radius-field, 2rem in our themes: a pill on a one-line input, but on a textarea several lines tall the curve ate into its first and last lines. A textarea now takes --radius-box (.75rem, the cards'); it changes the variable daisyUI reads, so a rounded-* class at the call site still wins (the composer keeps its 1.4rem). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
1 parent
24748168c0
commit
b7ff917d8c
1 file changed
+5
@@ -168,7 +168,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* A field's radius (--radius-field, 2rem) makes a pill of a one-line input, but on a box several lines tall it curves
|
||||
into the first and last lines: a textarea takes the boxes' radius. daisyUI reads the variable, so a rounded-* class
|
||||
at the call site (the composer's) still wins. */
|
||||
@utility textarea {
|
||||
--radius-field: var(--radius-box);
|
||||
|
||||
&:not(:where(.textarea-ghost)) {
|
||||
background-color: var(--color-base-100);
|
||||
background-image: linear-gradient(145deg, var(--neo-grad-dark), var(--neo-grad-light));
|
||||
|
||||
Reference in new issue
Block a user