Barebones test site

This commit is contained in:
Eryn Wells 2024-06-06 21:01:40 -07:00
parent ba03fa4473
commit e2408cf277
15 changed files with 429 additions and 0 deletions

73
public/css/system.css Normal file
View file

@ -0,0 +1,73 @@
:root {
--spacing-xxs: 0.236rem;
--spacing-xs: 0.382rem;
--spacing-s: 0.618rem;
--spacing-m: 1.000rem;
--spacing-l: 1.618rem;
--spacing-xl: 2.618rem;
--spacing-xxl: 4.236rem;
}
/* Spacing utility classes: xxs */
.sp-bls-xxs { margin-block-start: var(--spacing-xxs); }
.sp-ble-xxs { margin-block-end: var(--spacing-xxs); }
.sp-ins-xxs { margin-inline-start: var(--spacing-xxs); }
.sp-ine-xxs { margin-inline-end: var(--spacing-xxs); }
/* Spacing utility classes: xs */
.sp-bls-xs { margin-block-start: var(--spacing-xs); }
.sp-ble-xs { margin-block-end: var(--spacing-xs); }
.sp-ins-xs { margin-inline-start: var(--spacing-xs); }
.sp-ine-xs { margin-inline-end: var(--spacing-xs); }
/* Spacing utility classes: s */
.sp-bls-s { margin-block-start: var(--spacing-s); }
.sp-ble-s { margin-block-end: var(--spacing-s); }
.sp-ins-s { margin-inline-start: var(--spacing-s); }
.sp-ine-s { margin-inline-end: var(--spacing-s); }
/* Spacing utility classes: m */
.sp-bls-m { margin-block-start: var(--spacing-m); }
.sp-ble-m { margin-block-end: var(--spacing-m); }
.sp-ins-m { margin-inline-start: var(--spacing-m); }
.sp-ine-m { margin-inline-end: var(--spacing-m); }
/* Spacing utility classes: l */
.sp-bls-l { margin-block-start: var(--spacing-l); }
.sp-ble-l { margin-block-end: var(--spacing-l); }
.sp-ins-l { margin-inline-start: var(--spacing-l); }
.sp-ine-l { margin-inline-end: var(--spacing-l); }
/* Spacing utility classes: xl */
.sp-bls-xl { margin-block-start: var(--spacing-xl); }
.sp-ble-xl { margin-block-end: var(--spacing-xl); }
.sp-ins-xl { margin-inline-start: var(--spacing-xl); }
.sp-ine-xl { margin-inline-end: var(--spacing-xl); }
/* Spacing utility classes: xxl */
.sp-bls-xxl { margin-block-start: var(--spacing-xxl); }
.sp-ble-xxl { margin-block-end: var(--spacing-xxl); }
.sp-ins-xxl { margin-inline-start: var(--spacing-xxl); }
.sp-ine-xxl { margin-inline-end: var(--spacing-xxl); }
:root {
--font-size-xxs: 0.579rem;
--font-size-xs: 0.694rem;
--font-size-s: 0.833rem;
--font-size-m: 1.000rem;
--font-size-l: 1.200rem;
--font-size-xl: 1.440rem;
--font-size-xxl: 1.728rem;
}
.font-size-xxs { font-size: var(--font-size-xxs); }
.font-size-xs { font-size: var(--font-size-xs); }
.font-size-s { font-size: var(--font-size-s); }
.font-size-m { font-size: var(--font-size-m); }
.font-size-l { font-size: var(--font-size-l); }
.font-size-xl { font-size: var(--font-size-xl); }
.font-size-xxl { font-size: var(--font-size-xxl); }