26 lines
768 B
CSS
26 lines
768 B
CSS
{{/*
|
|
spacing.css
|
|
Eryn Wells <eryn@erynwells.me>
|
|
vim: set sw=2 sts=2:
|
|
*/}}
|
|
|
|
{{- $spacingBase := 1 -}}
|
|
{{- $spacingUnit := "rem" -}}
|
|
{{- $spacingFactor := 1.618 -}}
|
|
|
|
{{- $scale := partial "size_scale.html" . }}
|
|
|
|
:root {
|
|
{{- range $scale -}}
|
|
{{ $value := mul $spacingBase (math.Pow $spacingFactor .Value) }}
|
|
--spacing-{{ .Name }}: {{ printf "%.3f" $value }}{{ $spacingUnit }};
|
|
{{- end }}
|
|
}
|
|
|
|
{{ 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 }}
|