59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
/* ============================================================
|
|
base.css — reset + global defaults
|
|
============================================================ */
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
[class^='nych-'],
|
|
[class^='nych-']::before,
|
|
[class^='nych-']::after {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html {
|
|
font-family: var(--font-sans);
|
|
font-size: 14px;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--surface-0);
|
|
color: var(--text-body);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* nych- components default to the inscriptional serif unless overridden */
|
|
[class^='nych-'] {
|
|
font-family: var(--font-serif);
|
|
}
|
|
|
|
[class^='nych-']:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
[class^='nych-']:focus-visible {
|
|
outline: 2px solid transparent; /* visible in forced-colors mode */
|
|
box-shadow: var(--focus-ring);
|
|
}
|
|
|
|
/* The laurel wreath spins as a loading mark */
|
|
@keyframes nych-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.nych-loading-icon .wreath {
|
|
/* fill-box + center keeps origin correct regardless of rendered size */
|
|
transform-box: fill-box;
|
|
transform-origin: center;
|
|
animation: nych-spin 2s linear infinite;
|
|
}
|