Skip to content

Instantly share code, notes, and snippets.

@UnaiYecora
Forked from Asjas/reset.css
Last active August 4, 2022 18:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save UnaiYecora/62c7c3e5dddd910063aa84512de44369 to your computer and use it in GitHub Desktop.
Save UnaiYecora/62c7c3e5dddd910063aa84512de44369 to your computer and use it in GitHub Desktop.
CSS Reset
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default margin */
* {
margin: 0;
padding: 0;
font: inherit;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
list-style: none;
}
/* Set core root defaults */
html:focus-within {
scroll-behavior: smooth;
}
html,
body {
height: 100%;
}
/* Set core body defaults */
body {
text-rendering: optimizeSpeed;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img,
picture,
svg {
max-width: 100%;
display: block;
border-style: none;
}
/* Images inside a tags */
a img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: middle;
}
/* reset default text opacity of input placeholder */
::placeholder {
color: unset;
}
/* Reapply the pointer cursor for anchor tags */
a, button {
cursor: pointer;
}
/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
color: inherit;
padding: 0;
font: inherit;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* Specify the progress cursor of updating elements */
[aria-busy='true'] {
cursor: progress;
}
/* Specify the pointer cursor of trigger elements */
[aria-controls] {
cursor: pointer;
}
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled='true'] {
cursor: default;
}
*,a img{margin:0;padding:0}*,::after,::before{box-sizing:border-box}*{font:inherit}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body,html{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5;-webkit-text-size-adjust:100%}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block;border-style:none}a img{border:0;outline:0;vertical-align:middle}::placeholder{color:unset}[aria-controls],a,button{cursor:pointer}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;padding:0;font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}[aria-busy=true]{cursor:progress}[aria-disabled=true]{cursor:default}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment