Implement new css.Build.

This commit is contained in:
Fredrik Jonsson 2026-04-08 11:17:24 +02:00
commit d984bcaf5d

View file

@ -2,107 +2,105 @@
/* Reset browsers to some sane defaults. */
@layer reset {
/* Document */
/* Document */
/* Use the saner border-box model for all elements. */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Use the saner border-box model for all elements. */
*,
*::before,
*::after {
box-sizing: border-box;
}
:root {
/* Activate transition to intrinsic sizes like auto and fit-content. */
interpolate-size: allow-keywords;
}
:root {
/* Activate transition to intrinsic sizes like auto and fit-content. */
interpolate-size: allow-keywords;
}
/* Transitioning page view. */
@view-transition {
navigation: auto;
}
/* Transitioning page view. */
@view-transition {
navigation: auto;
}
html {
/* Prevent adjustments of font size. */
-webkit-text-size-adjust: none;
text-size-adjust: none;
html {
/* Prevent adjustments of font size. */
-webkit-text-size-adjust: none;
text-size-adjust: none;
/* Improve text rendering. */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Improve text rendering. */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Always keep space for the scrollbar */
scrollbar-gutter: stable;
}
/* Always keep space for the scrollbar */
scrollbar-gutter: stable;
}
/* Sections */
/* Sections */
body {
/* Remove the margin in all browsers. */
margin: 0;
padding: 0;
body {
/* Remove the margin in all browsers. */
margin: 0;
padding: 0;
/* On short pages, we want the body to fill the entire height */
/* of the browser. */
min-height: 100svh;
}
/* On short pages, we want the body to fill the entire height */
/* of the browser. */
min-height: 100svh;
}
/* Embedded content */
/* Embedded content */
img,
svg,
picture,
audio,
video,
canvas,
iframe,
embed,
object {
display: block;
}
img,
svg,
picture,
audio,
video,
canvas,
iframe,
embed,
object {
display: block;
}
img,
svg,
video {
max-width: 100%;
height: auto;
}
img,
svg,
video {
max-width: 100%;
height: auto;
}
figure {
margin-inline: 0;
}
figure {
margin-inline: 0;
}
/* Form defaults. */
/* Form defaults. */
input,
button,
textarea,
select {
font: inherit;
letter-spacing: inherit;
word-spacing: inherit;
}
input,
button,
textarea,
select {
font: inherit;
letter-spacing: inherit;
word-spacing: inherit;
}
[type='search'] {
@media (min-width: 666px) {
/* Correct the odd appearance in Safari on desktop. */
-webkit-appearance: textfield;
}
}
/* Code */
code,
kbd,
samp {
font-family: var(--ff-monospace);
}
/* Numbers */
td,
math,
time[datetime*=':'] {
font-variant-numeric: tabular-nums lining-nums;
[type='search'] {
@media (min-width: 666px) {
/* Correct the odd appearance in Safari on desktop. */
-webkit-appearance: textfield;
}
}
/* Code */
code,
kbd,
samp {
font-family: var(--ff-monospace);
}
/* Numbers */
td,
math,
time[datetime*=':'] {
font-variant-numeric: tabular-nums lining-nums;
}