berrypod/assets/css/shop/reset.css
jamey fcd1b1ce80 wire shop.css alongside Tailwind for CSS migration (Phase 1)
- esbuild profile for shop.css bundling (dev watcher + build aliases)
- shop.css loaded as second stylesheet in shop_root layout
- LiveView display:contents rule in reset layer
- updated Lighthouse + Screenshots tasks for new esbuild target

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-16 23:45:13 +00:00

87 lines
1.1 KiB
CSS

/* Reset — minimal, modern defaults
Normalises browser inconsistencies without being opinionated. */
@layer reset {
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
color: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
a {
color: inherit;
text-decoration-skip-ink: auto;
}
ul,
ol {
list-style: none;
padding: 0;
}
fieldset {
border: none;
padding: 0;
}
table {
border-collapse: collapse;
}
/* Remove default button styling */
button {
background: none;
border: none;
padding: 0;
cursor: pointer;
}
/* LiveView wrapper divs are layout-invisible */
[data-phx-session],
[data-phx-teleported-src] {
display: contents;
}
}