Fix all the build errors

This commit is contained in:
Eryn Wells 2024-06-06 20:59:24 -07:00
parent 7ba65229b6
commit 34ec240dc0
6 changed files with 63 additions and 27 deletions

View file

@ -1,33 +1,26 @@
/* spacing.css
* Eryn Wells <eryn@erynwells.me>
* vim: set sw=2 sts=2:
*/
{{/*
spacing.css
Eryn Wells <eryn@erynwells.me>
vim: set sw=2 sts=2:
*/}}
{{ $spacingBase := 1 }}
{{ $spacingUnit := "em" }}
{{ $spacingFactor := 1.618 }}
{{- $spacingBase := 1 -}}
{{- $spacingUnit := "rem" -}}
{{- $spacingFactor := 1.618 -}}
{{ $scale := (dict
"xxs" -3
"xs" -2
"s" -1
"m" 1
"l" 2
"xl" 3
"xxl" 4
) }}
{{- $scale := partial "size_scale.html" . }}
:root {
{{ range $name, $exponent := $scale }}
{{ $value := $spacingBase * (math.Pow $spacingFactor $exponent) }}
--spacing-{{ $name }}: {{ $value }}{{ $spacingUnit }};
{{ end }}
{{- range $scale -}}
{{ $value := mul $spacingBase (math.Pow $spacingFactor .Value) }}
--spacing-{{ .Name }}: {{ printf "%.3f" $value }}{{ $spacingUnit }};
{{- end }}
}
{{ range $name, $exponent := $scale }}
/* Spacing utility classes: {{ $name }} */
.sp-bls-{{ $name }} { margin-block-start: var(--spacing-{{ $name }}); }
.sp-ble-{{ $name }} { margin-block-end: var(--spacing-{{ $name }}); }
.sp-ins-{{ $name }} { margin-inline-start: var(--spacing-{{ $name }}); }
.sp-ine-{{ $name }} { margin-inline-end: var(--spacing-{{ $name }}); }
{{ range $scale }}
{{ printf "/* Spacing utility classes: %s */" .Name }}
.sp-bls-{{ .Name }} { margin-block-start: var(--spacing-{{ .Name }}); }
.sp-ble-{{ .Name }} { margin-block-end: var(--spacing-{{ .Name }}); }
.sp-ins-{{ .Name }} { margin-inline-start: var(--spacing-{{ .Name }}); }
.sp-ine-{{ .Name }} { margin-inline-end: var(--spacing-{{ .Name }}); }
{{ end }}

22
assets/css/typography.css Normal file
View file

@ -0,0 +1,22 @@
{{/*
typography.css
Eryn Wells <eryn@erynwells.me>
vim: set sw=2 sts=2:
*/}}
{{- $fontSizeBase := 1 -}}
{{- $fontSizeUnit := "rem" -}}
{{- $fontSizeFactor := 1.200 -}}
{{- $scale := partial "size_scale.html" . -}}
:root {
{{- range $scale -}}
{{ $value := mul $fontSizeBase (math.Pow $fontSizeFactor .Value) }}
--font-size-{{ .Name }}: {{ printf "%.3f" $value }}{{ $fontSizeUnit }};
{{- end }}
}
{{ range $scale }}
.font-size-{{ .Name }} { font-size: var(--font-size-{{ .Name }}); }
{{- end }}

View file

@ -0,0 +1,10 @@
{{- $scale := slice
(dict "Name" "xxs" "Value" -3)
(dict "Name" "xs" "Value" -2)
(dict "Name" "s" "Value" -1)
(dict "Name" "m" "Value" 0)
(dict "Name" "l" "Value" 1)
(dict "Name" "xl" "Value" 2)
(dict "Name" "xxl" "Value" 3)
-}}
{{ return $scale }}

View file

@ -1,5 +1,5 @@
{{
$spacingCSS := resources.Get "css/spacing.css"
| resources.ExecuteAsTemplate "spacing.css" .
| resources.ExecuteAsTemplate "css/spacing.css" .
}}
{{ return $spacingCSS }}

View file

@ -0,0 +1,6 @@
{{ $spacingCSS := partial "spacing_css.html" . }}
{{ $typographyCSS := partial "typography_css.html" . }}
{{ $css := (slice $spacingCSS $typographyCSS) | resources.Concat "css/system.css" }}
{{ return $css }}

View file

@ -0,0 +1,5 @@
{{
$css := resources.Get "css/typography.css"
| resources.ExecuteAsTemplate "css/spacing.css" .
}}
{{ return $css }}