fortyone-jekyll-theme 1.0.0

data/_sass/fortyone-jekyll-theme.scss

@@ -0,0 +1 @@
+@import 'main';

data/_sass/ie8.scss

@@ -0,0 +1,50 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+	Forty by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Button */
+
+	.button {
+		border: solid 2px !important;
+
+		&.next {
+			padding-right: 1.75em;
+
+			&:before, &:after {
+				display: none;
+			}
+		}
+	}
+
+/* Tiles */
+
+	.tiles {
+		article {
+			width: 50%;
+			-ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+			background-size: cover;
+		}
+	}
+
+/* Banner */
+
+	#banner {
+		-ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+
+		&:after {
+			display: none;
+		}
+	}
+
+/* Menu */
+
+	#menu {
+		background: _palette(bg);
+	}

data/_sass/ie9.scss

@@ -0,0 +1,115 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+	Forty by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Spotlights */
+
+	.spotlights {
+		> section {
+			&:after {
+				content: '';
+				display: block;
+				clear: both;
+			}
+
+			> .image {
+				float: left;
+			}
+
+			> .content {
+				float: left;
+			}
+		}
+	}
+
+/* Tiles */
+
+	.tiles {
+		&:after {
+			content: '';
+			display: block;
+			clear: both;
+		}
+
+		article {
+			@include padding(8em, 4em);
+			float: left;
+			height: auto;
+			max-height: none;
+			min-height: 0;
+		}
+	}
+
+/* Header */
+
+	#header {
+		.logo {
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+
+		nav {
+			position: absolute;
+			top: 0;
+			right: 0;
+		}
+	}
+
+/* Banner */
+
+	#banner {
+		@include padding(6em, 0, (1em, 0, 0, 0));
+		background-attachment: scroll;
+		height: auto;
+		max-height: none;
+		min-height: 0;
+
+		> .inner {
+			.content {
+				display: block;
+
+				> * {
+					margin-left: 0;
+					margin: 0 0 _size(element-margin) 0;
+				}
+			}
+		}
+
+		&.major {
+			height: auto;
+			max-height: none;
+			min-height: 0;
+		}
+	}
+
+/* Contact */
+
+	#contact {
+		&:after {
+			content: '';
+			display: block;
+			clear: both;
+		}
+
+		> .inner {
+			> * {
+				float: left;
+			}
+		}
+	}
+
+/* Menu */
+
+	#menu {
+		.inner {
+			margin: 0 auto;
+		}
+	}

data/_sass/layout/_banner.scss

@@ -0,0 +1,177 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Banner */
+
+	#banner {
+		@include vendor('align-items', 'center');
+		@include vendor('background-image', 'url("../../images/banner.jpg")');
+		@include vendor('display', 'flex');
+		@include padding(4em, 0, (2em, 0, 0, 0));
+		background-attachment: fixed;
+		background-position: center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		border-bottom: 0 !important;
+		cursor: default;
+		height: 60vh;
+		margin-bottom: -3.25em;
+		max-height: 32em;
+		min-height: 22em;
+		position: relative;
+		top: -3.25em;
+
+		&:after {
+			@include vendor('transition', 'opacity #{_duration(banner)} ease');
+			@include vendor('transition-delay', '0.75s');
+			@include vendor('pointer-events', 'none');
+			background-color: _palette(bg);
+			content: '';
+			display: block;
+			height: 100%;
+			left: 0;
+			opacity: 0.85;
+			position: absolute;
+			top: 0;
+			width: 100%;
+			z-index: 1;
+		}
+
+		h1 {
+			font-size: 3.25em;
+		}
+
+		> .inner {
+			@include vendor('transition', (
+				'opacity 1.5s ease',
+				'transform 0.5s ease-out',
+				'filter 0.5s ease',
+				'-webkit-filter 0.5s ease'
+			));
+			padding: 0 !important;
+			position: relative;
+			z-index: 2;
+
+			.image {
+				display: none;
+			}
+
+			header {
+				width: auto;
+
+				> :first-child {
+					width: auto;
+
+					&:after {
+						max-width: 100%;
+					}
+				}
+			}
+
+			.content {
+				@include vendor('display', 'flex');
+				@include vendor('align-items', 'center');
+				margin: 0 0 _size(element-margin) 0;
+
+				> * {
+					margin-left: 1.5em;
+					margin-bottom: 0;
+				}
+
+				> :first-child {
+					margin-left: 0;
+				}
+
+				p {
+					font-size: 0.7em;
+					font-weight: _font(weight-bold);
+					letter-spacing: _font(letter-spacing-alt);
+					text-transform: uppercase;
+				}
+			}
+		}
+
+		&.major {
+			height: 75vh;
+			min-height: 30em;
+			max-height: 50em;
+
+			&.alt {
+				opacity: 0.75;
+			}
+		}
+
+		&.style1 { &:after { background-color: _palette(accent1); } }
+		&.style2 { &:after { background-color: _palette(accent2); } }
+		&.style3 { &:after { background-color: _palette(accent3); } }
+		&.style4 { &:after { background-color: _palette(accent4); } }
+		&.style5 { &:after { background-color: _palette(accent5); } }
+		&.style6 { &:after { background-color: _palette(accent6); } }
+
+		body.is-loading & {
+			&:after {
+				opacity: 1.0;
+			}
+
+			> .inner {
+				@include vendor('filter', 'blur(0.125em)');
+				@include vendor('transform', 'translateX(-0.5em)');
+				opacity: 0;
+			}
+		}
+
+		@include breakpoint(large) {
+			background-attachment: scroll;
+		}
+
+		@include breakpoint(small) {
+			@include padding(3em, 0, (2em, 0, 0, 0));
+			height: auto;
+			margin-bottom: -2.75em;
+			max-height: none;
+			min-height: 0;
+			top: -2.75em;
+
+			h1 {
+				font-size: 2em;
+			}
+
+			> .inner {
+				.content {
+					display: block;
+
+					> * {
+						margin-left: 0;
+						margin-bottom: _size(element-margin);
+					}
+				}
+			}
+
+			&.major {
+				height: auto;
+				min-height: 0;
+				max-height: none;
+			}
+		}
+
+		@include breakpoint(xsmall) {
+			@include padding(4em, 0, (2em, 0, 0, 0));
+
+			> .inner {
+				.content {
+					p {
+						br {
+							display: none;
+						}
+					}
+				}
+			}
+
+			&.major {
+				@include padding(6em, 0, (2em, 0, 0, 0));
+			}
+		}
+	}

data/_sass/layout/_contact.scss

@@ -0,0 +1,93 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Contact */
+
+	#contact {
+		border-bottom: solid 1px _palette(border);
+		overflow-x: hidden;
+
+		> .inner {
+			@include vendor('display', 'flex');
+			padding: 0 !important;
+
+			> :nth-child(2n - 1) {
+				@include padding(4em, 0, (0, 3em, 0, 0));
+				border-right: solid 1px _palette(border);
+				width: 60%;
+			}
+
+			> :nth-child(2n) {
+				padding-left: 3em;
+				width: 40%;
+			}
+
+			> .split {
+				padding: 0;
+
+				> * {
+					@include padding(3em, 0, (0, 0, 0, 3em));
+					position: relative;
+
+					&:before {
+						border-top: solid 1px _palette(border);
+						content: '';
+						display: block;
+						margin-left: -3em;
+						position: absolute;
+						top: 0;
+						width: calc(100vw + 3em);
+					}
+				}
+
+				> :first-child {
+					&:before {
+						display: none;
+					}
+				}
+			}
+		}
+
+		@include breakpoint(medium) {
+			> .inner {
+				display: block;
+
+				> :nth-child(2n - 1) {
+					@include padding(4em, 0, (0, 0, 0, 0));
+					border-right: 0;
+					width: 100%;
+				}
+
+				> :nth-child(2n) {
+					padding-left: 0;
+					width: 100%;
+				}
+
+				> .split {
+					> * {
+						@include padding(3em, 0, (0, 0, 0, 0));
+
+						&:before {
+						}
+					}
+
+					> :first-child {
+						&:before {
+							display: block;
+						}
+					}
+				}
+			}
+		}
+
+		@include breakpoint(small) {
+			> .inner {
+				> :nth-child(2n - 1) {
+					@include padding(3em, 0, (0, 0, 0, 0));
+				}
+			}
+		}
+	}

data/_sass/layout/_footer.scss

@@ -0,0 +1,42 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Footer */
+
+	#footer {
+		.copyright {
+			font-size: 0.8em;
+			list-style: none;
+			padding-left: 0;
+
+			li {
+				border-left: solid 1px _palette(border);
+				color: _palette(fg-light);
+				display: inline-block;
+				line-height: 1;
+				margin-left: 1em;
+				padding-left: 1em;
+
+				&:first-child {
+					border-left: 0;
+					margin-left: 0;
+					padding-left: 0;
+				}
+			}
+		}
+
+		@include breakpoint(xsmall) {
+			.copyright {
+				li {
+					display: block;
+					border-left: 0;
+					margin-left: 0;
+					padding-left: 0;
+					line-height: inherit;
+				}
+			}
+		}
+	}