Skip to content

Instantly share code, notes, and snippets.

@2thecrow
Last active March 9, 2023 15:22
Show Gist options
  • Save 2thecrow/b6a2eac0350844984fc3fa6cbd449d8f to your computer and use it in GitHub Desktop.
Save 2thecrow/b6a2eac0350844984fc3fa6cbd449d8f to your computer and use it in GitHub Desktop.
Fast/min css reset
:root {
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
min-height: 100%;
}
body {
margin: 0;
padding: 0;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
/* Scroll bar width */
::-webkit-scrollbar {
width: 10px;
}
/* Scroll bar track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Scroll bar handle */
::-webkit-scrollbar-thumb {
background: #5e4838;
}
/* Scroll bar Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #9a4232;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
h1, h2, h3, h4, h5 {
margin: 0;
}
.list-reset {
list-style: none;
margin: 0;
padding: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment