Skip to content

Instantly share code, notes, and snippets.

@dorinvancea
Last active August 15, 2025 06:58
Show Gist options
  • Save dorinvancea/77ac9dbacc58bfd1080425fb677243e1 to your computer and use it in GitHub Desktop.
Save dorinvancea/77ac9dbacc58bfd1080425fb677243e1 to your computer and use it in GitHub Desktop.
/* reset.css */
:where(*, *:before, *:after) {
box-sizing: border-box;
}
:where(*) {
margin: 0;
padding: 0;
}
/* Image/media */
:where(img, picture, video, canvas, svg) {
display: block;
max-inline-size: 100%;
height: auto;
}
:where(a) {
color: inherit;
text-decoration: underline;
cursor: pointer;
}
:where(button, input, select, textarea) {
font: inherit;
color: inherit;
background: none;
border: 2px solid transparent;
outline: none;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
/* Revert the 'white-space' property for textarea elements on Safari */
:where(textarea) {
white-space: revert;
resize: none;
}
:where(p, h1, h2, h3, h4, h5, h6) {
overflow-wrap: break-word;
text-wrap: balance;
}
:where(p) {
text-wrap: pretty;
}
:where(turbo-cable-stream-source),
:where(turbo-frame) {
display: contents;
}
:where(fieldset) {
margin: 0;
padding: 0;
border: 0;
min-width: 0; /* Prevent overflow in some browsers */
}
:where(legend) {
padding: 0;
border: 0;
}
:where(ul, ol) {
margin-block-start: 0;
margin-block-end: 0;
padding-inline-start: 1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment