uci-hugo-landingpage/layouts/partials/head/styles.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>