{{/*
  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 }}