14 lines
713 B
CSS
14 lines
713 B
CSS
 
|
/* Touch screens.
|
||
|
|
|
||
|
|
A phone's layout uses the width variants (max-md:, md:) at the call site; how big a thing is to a finger uses the
|
||
|
|
pointer: everything here sits under @media (pointer: coarse), so a mouse matches none of it and desktop keeps
|
||
|
|
daisyUI's sizes. The rules are plain CSS in Tailwind's utilities layer: like neo.css's @utility overrides they beat
|
||
|
|
daisyUI's rules, which sit in sublayers of it, and they set daisyUI's own size variables where it has one. */
|
||
|
|
@layer utilities {
|
||
|
|
@media (pointer: coarse) {
|
||
|
|
/* Field text at 16px: iOS zooms into a focused field whose text is smaller, now that zooming is allowed. */
|
||
|
|
:where(.input, .select, .textarea) {
|
||
|
|
--font-size-min: 1rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|