diff --git a/config/_default/params.yaml b/config/_default/params.yaml
index cbaec88..7fd9bb0 100644
--- a/config/_default/params.yaml
+++ b/config/_default/params.yaml
@@ -2,3 +2,6 @@ twitter: erynofwales
github: erynofwales
instagram: erynofwales
description: Home page of Eryn Rachel Wells
+
+flags:
+ cssLayers: development
diff --git a/layouts/partials/css/layer.html b/layouts/partials/css/layer.html
new file mode 100644
index 0000000..2260384
--- /dev/null
+++ b/layouts/partials/css/layer.html
@@ -0,0 +1,4 @@
+{{- $enabled := partial "flag_is_enabled.html" "cssLayers" -}}
+{{ if $enabled -}}{{ printf "@layer %s {" . }}{{- end }}
+{{ .Inner }}
+{{ if $enabled -}}{{ `}` }}{{- end }}
diff --git a/layouts/partials/development/page_info.html b/layouts/partials/development/page_info.html
index aaf14ba..80bc1e8 100644
--- a/layouts/partials/development/page_info.html
+++ b/layouts/partials/development/page_info.html
@@ -17,15 +17,17 @@
{{ end }}
- {{ if gt (len site.Params.flags) 0 -}}
-
Flags
-
-
- {{ range $flag, $value := site.Params.flags }}
- {{ $flag }} | {{ $value }} |
- {{ end }}
-
-
+ {{ with site.Params.flag -}}
+ {{- if gt (len .) 0 -}}
+ Flags
+
+
+ {{ range $flag, $value := site.Params.flags }}
+ {{ $flag }} | {{ $value }} |
+ {{ end }}
+
+
+ {{- end -}}
{{- end }}
diff --git a/layouts/partials/flag_is_enabled.html b/layouts/partials/flag_is_enabled.html
new file mode 100644
index 0000000..815a1d4
--- /dev/null
+++ b/layouts/partials/flag_is_enabled.html
@@ -0,0 +1,11 @@
+{{ $result := false }}
+
+{{ with $flag := index . site.Params.flags }}
+ {{ if hugo.IsProduction }}
+ {{ $result = in (slice "yes" "true" "production" "development") $flag }}
+ {{ else }}
+ {{ $result = in (slice "yes" "true" "development") $flag }}
+ {{ end }}
+{{ end }}
+
+{{ return $result }}