uci-hugo-landingpage/layouts/partials/head/styles.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__menu-item: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__menu, .nav-bar__menu-button { color: {{ . }};  }
  .nav-bar__menu-item: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>