Wrap dark input defaults in @layer base so utilities can override
This commit is contained in:
parent
c7dad445b5
commit
f0c7459980
1 changed files with 14 additions and 12 deletions
|
|
@ -31,6 +31,7 @@ body {
|
|||
display: none;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
/* Form inputs in dark mode — the forms plugin defaults to a white background,
|
||||
which would punch holes through panels. Override at the element level so we
|
||||
don't have to add `dark:bg-neutral-800` to every <input>/<textarea>. */
|
||||
|
|
@ -44,6 +45,7 @@ body {
|
|||
:where(.dark) textarea::placeholder {
|
||||
color: var(--color-neutral-500);
|
||||
}
|
||||
}
|
||||
|
||||
/* Tighter heading rhythm for all rendered (prose) content. Overrides the
|
||||
typography plugin's em-based heading margins; the first block stays flush. */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue