Skip to content

Instantly share code, notes, and snippets.

@adactio
Created May 8, 2025 10:29
Show Gist options
  • Save adactio/de5272e75d7411ba3d8499d416ac4d3b to your computer and use it in GitHub Desktop.
Save adactio/de5272e75d7411ba3d8499d416ac4d3b to your computer and use it in GitHub Desktop.
Some CSS I tend to use when I’m starting a new project
@media (prefers-reduced-motion: no-preference) {
@view-transition {
navigation: auto;
}
}
:where(figcaption) {
max-inline-size: max-content;
margin-inline: auto;
}
:where(a:focus-visible) {
outline-offset: 0.25em;
outline-width: 0.25em;
outline-color: currentColor;
}
:where(ul,ol,dl,dt,dd,p,figure,blockquote) {
hanging-punctuation: first last;
text-wrap: pretty;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment