uci-hugo-landingpage/layouts/partials/head/styles.html

182 lines
3.6 KiB
HTML
Raw Normal View History

<!-- Configurable Styles partial to appear in head -->
<style>
{{ with .Site.Params.font }}
2017-03-04 20:02:56 -08:00
html { font-family:{{ . }},Helvetica,Arial,sans-serif; }
{{ end }}
{{ with .Site.Params }}
{{ with .navbar }}
{{ with .font }}
2017-03-11 20:11:20 -08:00
.nav-bar__logo, .nav-bar__menu { font-family:{{ . }},Helvetica,Arial,sans-serif; }
{{ end }}
{{ with .bg_color }}
2017-03-11 20:11:20 -08:00
.nav-bar__menu-item:hover {color: {{ . }}; }
2017-03-10 22:59:27 -08:00
.nav-bar, .nav-bar__menu-button { background-color: {{ . }}; }
2017-03-04 20:02:56 -08:00
{{ end }}
{{ with .text_size }}
2017-03-11 20:11:20 -08:00
.nav-bar__logo { font-size: {{ . }}em; }
{{ end }}
{{ with .color }}
2017-03-11 20:11:20 -08:00
.nav-bar__logo, .nav-bar__menu, .nav-bar__menu-button { color: {{ . }}; }
.nav-bar__menu-item:hover { background-color: {{ . }}; }
{{ end }}
{{ with .logo_text_short }}
@media only screen and (max-width: 400px) {
.nav-bar__logo {
text-indent: -9999px;
line-height: 0; /* Collapse the original line */
}
.nav-bar__logo::after {
content: "{{ . }}";
text-indent: 0;
display: block;
line-height: initial; /* New content takes up original line height */
}
}
{{ end }}
{{ end }} /* end navbar */
2017-03-04 20:02:56 -08:00
{{ 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: {{ . }}; }
2017-03-04 20:02:56 -08:00
{{ end }}
{{ if and ( .text_outline ) ( .text_shadow ) }}
#hero > .text {
text-shadow:
-2px -2px 0 {{ .text_outline }},
2px -2px 0 {{ .text_outline }},
-2px 2px 0 {{ .text_outline }},
2px 2px 0 {{ .text_outline }},
-7px -3px 0 {{ .text_shadow }};
}
{{ else }}
{{ with .text_outline }}
#hero > .text {
text-shadow:
-2px -2px 0 {{ . }},
2px -2px 0 {{ . }},
-2px 2px 0 {{ . }},
2px 2px 0 {{ . }};
}
{{ end }}
{{ with .text_shadow }}
#hero > .text {
text-shadow:
-7px -3px 0 {{ . }}
}
{{ end }}
{{ end }}
2017-03-10 22:59:27 -08:00
{{ with .headlines_font }}
2017-03-04 20:02:56 -08:00
#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 */
2017-03-10 22:59:27 -08:00
{{ with .sections }}
{{ with .font }}
.section, .section h1, .section h2, .section h3, .section p { font-family: "{{ . }}",Helvetica,Arial,sans-serif; }
{{ end }}
{{ with .headline_font }}
.section__headline h1 { font-family: "{{ . }}",Helvetica,Arial,sans-serif; }
{{ end }}
{{ with .bullet_icon }}
.section__content li::before {
content: '{{ . }}';
/*content: "\f069";*/
}
2017-03-10 22:59:27 -08:00
{{ end }}
{{ with .odd }}
.section--odd {
color: {{ .color }};
background-color: {{ .bg_color }};
}
{{ end }}
{{ with .even }}
.section--even {
color: {{ .color }};
background-color: {{ .bg_color }};
}
2017-03-10 22:59:27 -08:00
{{ end }}
{{ end }} /* end sections */
2017-03-04 20:02:56 -08:00
{{ end }}
</style>