115 lines
2.4 KiB
HTML
115 lines
2.4 KiB
HTML
<!-- Configurable Styles partial to appear in head -->
|
|
<style>
|
|
{{ with .Site.Params.font }}
|
|
html { font-family:{{ . }},Helvetica,Arial,sans-serif; }
|
|
{{ end }}
|
|
|
|
{{ with .Site.Params }}
|
|
|
|
{{ with .navbar }}
|
|
|
|
{{ with .font }}
|
|
.nav-bar__logo, nav-bar__menu { font-family:{{ . }},Helvetica,Arial,sans-serif; }
|
|
{{ end }}
|
|
|
|
{{ with .bg_color }}
|
|
.nav-bar__link:hover {color: {{ . }}; }
|
|
.nav-bar, .nav-bar__menu-button { background-color: {{ . }}; }
|
|
{{ end }}
|
|
|
|
{{ with .text_size }}
|
|
#nav-bar__logo { font-size: {{ . }}em; }
|
|
{{ end }}
|
|
|
|
{{ with .color }}
|
|
.nav-bar__logo, .nav-bar__link, .nav-bar__menu-button { color: {{ . }}; }
|
|
.nav-bar__link:hover { background-color: {{ . }}; }
|
|
{{ end }}
|
|
|
|
{{ end }} /* end navbar */
|
|
|
|
{{ with .hero }}
|
|
|
|
{{ with .img }}
|
|
#hero {background-image: url("{{ . }}");}
|
|
{{ end }}
|
|
|
|
{{ with .font }}
|
|
#hero .text { font-family:{{ . }},Helvetica,Arial,sans-serif;}
|
|
{{ end }}
|
|
|
|
{{ with .color }}
|
|
#hero .text { color: {{ . }}; }
|
|
{{ end }}
|
|
|
|
{{ with .headlines_font }}
|
|
#hero h1, #hero h2, #hero h3 { font-family: "{{ . }}",Helvetica,Arial,sans-serif; }
|
|
{{ end }}
|
|
|
|
{{ with .headline_color }}
|
|
#hero h1 { color: {{ . }}; }
|
|
{{ end }}
|
|
|
|
{{ with .headline_size }}
|
|
#hero h1 { font-size: {{ . }}em; }
|
|
{{ end }}
|
|
|
|
{{ with .subheadline_color }}
|
|
#hero h2 { color: {{ . }}; }
|
|
{{ end }}
|
|
|
|
{{ with .subheadline_size }}
|
|
#hero h2 { font-size: {{ . }}em; }
|
|
{{ end }}
|
|
|
|
{{ with .subsubheadline_color }}
|
|
#hero h3 { color: {{ . }}; }
|
|
{{ end }}
|
|
|
|
{{ with .subsubheadline_size }}
|
|
#hero h3 { font-size: {{ . }}em; }
|
|
{{ end }}
|
|
|
|
{{ with .lines_color }}
|
|
#hero h4 { color: {{ . }}; }
|
|
{{ end }}
|
|
|
|
{{ with .lines_size }}
|
|
#hero h4 { font-size: {{ . }}em; }
|
|
{{ end }}
|
|
|
|
{{ with .divider_thickness }}
|
|
hr { border-width: {{ . }}px; }
|
|
{{ end }}
|
|
|
|
{{ with .divider_color }}
|
|
hr { border-top-color: {{ . }}; }
|
|
{{ end }}
|
|
|
|
{{ end }} /* end hero */
|
|
|
|
|
|
{{ with .sections }}
|
|
|
|
{{ with .font }}
|
|
.section, .section h1, .section h2, .section h3, .section p { font-family: "{{ . }}",Helvetica,Arial,sans-serif; }
|
|
{{ end }}
|
|
|
|
{{ with .font_headline }}
|
|
.section h1, .section h2, .section h3, { font-family: "{{ . }}",Helvetica,Arial,sans-serif; }
|
|
{{ end }}
|
|
|
|
{{ with .odd }}
|
|
.section-odd {
|
|
color: {{ .color }}; }
|
|
background-color: {{ .bg_color }}; }
|
|
{{ end }}
|
|
|
|
{{ end }} /* end sections */
|
|
|
|
|
|
|
|
{{ end }}
|
|
|
|
</style>
|