diff options
-rw-r--r-- | assets/css/base.css | 11 | ||||
-rw-r--r-- | exampleSite/config.toml | 8 | ||||
-rw-r--r-- | layouts/partials/styles.html | 9 |
3 files changed, 21 insertions, 7 deletions
diff --git a/assets/css/base.css b/assets/css/base.css index 6cb6554..b0baaae 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -7,13 +7,9 @@ a:hover { } body { - color: var(--text); background-color: var(--background); -} - -figcaption { - font-size: 0.9rem; - text-align: center; + color: var(--base); + font-size: var(--base); } footer { @@ -22,7 +18,8 @@ footer { header { background-color: var(--accent); - font-size: 1.15rem; + box-shadow: 0 1px 2.25px var(--pink); + font-size: var(--p); padding: 1.15rem 1.75rem; position: fixed; top: 0; diff --git a/exampleSite/config.toml b/exampleSite/config.toml index e105064..a1110d8 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -47,6 +47,14 @@ themesDir = "../.." red = "#ff5555" yellow = "#f1fa8c" +[params.fontsizes] + base = "1em" + p = "1.25em" + h4 = "1.563em" + h3 = "1.953em" + h2 = "2.441em" + h1 = "3.052em" + [params.cta] show = true cta = "" diff --git a/layouts/partials/styles.html b/layouts/partials/styles.html index 3786121..09453bf 100644 --- a/layouts/partials/styles.html +++ b/layouts/partials/styles.html @@ -5,6 +5,7 @@ <style> :root { + /* Color Palette */ --text: {{ if $.Site.Params.palette.text }} {{ $.Site.Params.palette.text }} {{ else }} #fdfdfd {{ end }}; --background: {{ if $.Site.Params.palette.background }} {{ $.Site.Params.palette.background }} {{ else }} #282a36 {{ end }}; --accent: {{ if $.Site.Params.palette.accent }} {{ $.Site.Params.palette.accent }} {{ else }} #44475a {{ end }}; @@ -17,6 +18,14 @@ --purple: {{ if $.Site.Params.palette.purple }} {{ $.Site.Params.palette.purple }} {{ else }} #bd93f9 {{ end }}; --red: {{ if $.Site.Params.palette.red }} {{ $.Site.Params.palette.red }} {{ else }} #ff5555 {{ end }}; --yellow: {{ if $.Site.Params.palette.yellow }} {{ $.Site.Params.palette.yellow }} {{ else }} #f1fa8c {{ end }}; + + /* Font Sizes */ + --base: {{ if $.Site.Params.fontsizes.base }} {{ $.Site.Params.fontsizes.base }} {{ else }} 1em {{ end }}; + --p: {{ if $.Site.Params.fontsizes.text }} {{ $.Site.Params.fontsizes.text }} {{ else }} 1.25em {{ end }}; + --h4: {{ if $.Site.Params.fontsizes.h4 }} {{ $.Site.Params.fontsizes.h4 }} {{ else }} 1.563em {{ end }}; + --h3: {{ if $.Site.Params.fontsizes.h3 }} {{ $.Site.Params.fontsizes.h3 }} {{ else }} 1.953em {{ end }}; + --h2: {{ if $.Site.Params.fontsizes.h2 }} {{ $.Site.Params.fontsizes.h2 }} {{ else }} 2.2441em {{ end }}; + --h1: {{ if $.Site.Params.fontsizes.h1 }} {{ $.Site.Params.fontsizes.h1 }} {{ else }} 3.052em {{ end }}; } </style> |