emergentcss

Variants

Pseudo classes

hover:focus:border-c=neutral-200
VariantCss
hover:hover
focus:focus
focus-within:focus-within
focus-visible:focus-visible
active:active
visited:visited
target:target
first:first-child
last:last-child
only:only-child
odd:nth-child(odd)
even:nth-child(even)
first-of-type:first-of-type
last-of-type:last-of-type
only-of-type:only-of-type
empty:empty
disabled:disabled
checked:checked
indeterminate:indeterminate
default:default
required:required
valid:valid
invalid:invalid
in-range:in-range
out-of-range:out-of-range
placeholder-shown:placeholder-shown
autofill:autofill
read-only:read-only
open:[open]
before::before
after::after
first-letter::first-letter
first-line::first-line
marker::marker
selection::selection
file::file-selector-button
placeholder::placeholder

Media queries

@md:@dark:hidden
VariantCss
sm(min-width:640px)
md(min-width:768px)
lg(min-width:1024px)
xl(min-width:1280px)
2xl(min-width:1536px)
dark(prefers-color-scheme: dark)
portrait(orientation: portrait)
landscape(orientation: landscape)
motion-safe(prefers-reduced-motion: no-preference)
motion-reduce(prefers-reduced-motion: reduce)
printprint