Barebones test site
This commit is contained in:
parent
ba03fa4473
commit
e2408cf277
15 changed files with 429 additions and 0 deletions
73
public/css/system.css
Normal file
73
public/css/system.css
Normal 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); }
|
||||
Loading…
Add table
Add a link
Reference in a new issue