layouts/partials/styles.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

{{ $reset := resources.Get "css/reset.css" }}
{{ $base := resources.Get "css/base.css" }}
{{ $common := resources.Get "css/common.css" }}
{{ $style := resources.Get "css/style.css" }}
{{ $single := resources.Get "css/single.css" }}
{{ $bundle := slice $reset $base $common $style $single | resources.Concat "css/bundle.css" }}
{{ $css := $bundle | resources.Minify | resources.Fingerprint "sha512" }}

<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 }};
		--foreground: {{ if $.Site.Params.palette.foreground }} {{ $.Site.Params.palette.foreground }} {{ else }} #f8f8f2 {{ end }};
		--separator: {{ if $.Site.Params.palette.separator }} {{ $.Site.Params.palette.separator }} {{ else }} #6272a4 {{ end }};
		--cyan: {{ if $.Site.Params.palette.cyan }} {{ $.Site.Params.palette.cyan }} {{ else }} #8be9fd {{ end }};
		--green: {{ if $.Site.Params.palette.green }} {{ $.Site.Params.palette.green }} {{ else }} #50fa7b {{ end }};
		--orange: {{ if $.Site.Params.palette.orange }} {{ $.Site.Params.palette.orange }} {{ else }} #ffb86c {{ end }};
		--pink: {{ if $.Site.Params.palette.pink }} {{ $.Site.Params.palette.pink }} {{ else }} #ff79c6 {{ end }};
		--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>

<link rel="stylesheet" href="{{ $css.Permalink }}">