reset-zone
Version:
A modern CSS reset for modern web applications!
6 lines (5 loc) • 4.68 kB
CSS
/*!
* Reset Zone v4.0.0 (https://github.com/Black-Axis/reset-zone)
* Copyright 2025-2026 Black Axis authors.
* Licensed under MIT (https://github.com/Black-Axis/reset-zone/blob/master/LICENSE.md)
*/@layer reset-zone{*,*::before,*::after,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html,html:focus-within{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){html,html:focus-within{scroll-behavior:auto}}body{min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}:where(body){overflow-wrap:break-word;hyphens:auto}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}sup,sub{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-line:underline;text-decoration-thickness:max(0.08em,1px);text-underline-offset:0.15em}figcaption{font-style:italic}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}hr{height:1px;border:none;background:currentColor;opacity:0.1}pre,code,kbd,samp{--rz-code-font:courier,monospace;font-family:var(--rz-code-font,inherit);font-size:inherit;white-space:pre-wrap;-moz-tab-size:2;-o-tab-size:2;tab-size:2}br+br{display:none}@supports selector(:is){body>:is(header,footer),main,section,article{container-type:inline-size}}@supports not selector(:is){body>header,body>footer,main,section,article{container-type:inline-size}}main,header,footer,section,article,aside,nav,menu,details,summary,object,embed,figcaption,figure,hgroup,img,picture,video,canvas,svg,meter,progress{display:block}menu{unicode-bidi:isolate}details:not([open])>*:not(summary){display:none}img,picture,video,canvas,svg{height:auto;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}img,picture,video,canvas,svg,object,embed{max-width:100%}object,embed{border:none}audio:not([controls]){display:none}ul[role=list],menu[role=list],ol[role=list]{list-style:none}meter,progress{width:100%;max-width:calc(100% - 1rem);height:1.25rem;margin-block:0.5rem;padding-inline:0.5rem}meter::-webkit-progress-bar,progress::-webkit-progress-bar{background-color:transparent}meter::-webkit-progress-value,progress::-webkit-progress-value{background-color:currentColor}meter::-moz-progress-bar,progress::-moz-progress-bar{background-color:currentColor}fieldset{min-width:0;border:none}legend{width:auto;max-width:none;border:none;display:block;float:none;font:inherit;text-align:start;color:inherit;background:none}input,button,textarea,select,option,mark,small,dfn,abbr,cite,time,data{font:inherit}::-moz-placeholder{color:inherit;opacity:0.5}::placeholder{color:inherit;opacity:0.5}table{border-collapse:collapse;border-spacing:0}dialog{max-width:90%;max-height:85dvh;margin:auto;padding:0;border:1px solid hsl(0,0%,91.81%);border-radius:0.5rem;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;scrollbar-color:transparent transparent;animation:rz-bottom-to-top 0.25s ease-in-out forwards}@media only screen and (width > 767px){dialog{max-width:45rem}}dialog::-webkit-scrollbar{width:0;display:none}dialog::-webkit-scrollbar-track{background-color:transparent}dialog::-webkit-scrollbar-thumb{background-color:transparent}dialog::backdrop{background-color:hsl(0,0%,0%);opacity:0.5}@keyframes rz-bottom-to-top{0%{opacity:0;transform:translateY(10%)}100%{opacity:1;transform:translateY(0)}}@media print{@page {margin:1.875rem}a[href^=http]::after{content:" (" attr(href) ")"}}@supports selector(:where){:where([hidden]){display:none}}@supports not selector(:where){[hidden]{display:none}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}@supports selector(:focus-visible){:focus-visible{outline:max(1px,0.15em) solid currentColor;outline-offset:max(1px,0.15em)}}@supports not selector(:focus-visible){:focus{outline:max(1px,0.15em) solid currentColor;outline-offset:max(1px,0.15em)}}:target{scroll-padding-block-start:2rem}:focus{scroll-padding-block-end:8vh}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms;animation-delay:-1ms;animation-iteration-count:1;transition-duration:0s;transition-delay:0s;scroll-behavior:auto;background-attachment:initial;perspective:none;transform-style:flat}}.sr-only{width:1px;height:1px;border:0;margin:-1px;padding:0;position:absolute;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.not-sr-only{width:auto;height:auto;position:static;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal}}