jekyll-theme-ethereal 0.4.4 → 0.5.0

data/_sass/components/_contact-icons.scss

@@ -1,72 +0,0 @@
-///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Contact Icons */
-
-	ul.contact-icons {
-		list-style: none;
-		padding-left: 0;
-
-		> li {
-			margin: 1.25rem 0 0 0;
-			padding-left: 0;
-
-			&:before {
-				display: inline-block;
-				width: 2.25rem;
-				height: 2.25rem;
-				line-height: 2.25rem;
-				border-radius: 2.25rem;
-				background-color: rgba(_palette(fg-bold), 1);
-				color: _palette(bg);
-				cursor: default;
-				font-size: 1.125rem;
-				margin-right: 1rem;
-				text-align: center;
-				vertical-align: middle;
-
-				body.is-ie & {
-					line-height: 2.125;
-				}
-			}
-
-			a {
-				border-bottom: 0;
-			}
-		}
-
-		&.color1 {
-			> li {
-				&:before {
-					color: _palette(accent1);
-				}
-			}
-		}
-
-		&.color2 {
-			> li {
-				&:before {
-					color: _palette(accent2);
-				}
-			}
-		}
-
-		&.color3 {
-			> li {
-				&:before {
-					color: _palette(accent3);
-				}
-			}
-		}
-
-		&.color4 {
-			> li {
-				&:before {
-					color: _palette(accent4);
-				}
-			}
-		}
-	}

data/_sass/components/_form.scss

@@ -1,279 +0,0 @@
-///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Form */
-
-	form {
-		margin: 0 0 _size(element-margin) 0;
-
-		> :last-child {
-			margin-bottom: 0;
-		}
-
-		> .fields {
-			$gutter: (_size(element-margin) * 1);
-
-			@include vendor('display', 'flex');
-			@include vendor('flex-wrap', 'wrap');
-			width: calc(100% + #{$gutter * 2});
-			margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);
-
-			> .field {
-				@include vendor('flex-grow', '0');
-				@include vendor('flex-shrink', '0');
-				padding: $gutter 0 0 $gutter;
-				width: calc(100% - #{$gutter * 1});
-
-				&.half {
-					width: calc(50% - #{$gutter * 0.5});
-				}
-
-				&.third {
-					width: calc(#{100% / 3} - #{$gutter * (1 / 3)});
-				}
-
-				&.quarter {
-					width: calc(25% - #{$gutter * 0.25});
-				}
-			}
-		}
-
-		@include breakpoint('<=small') {
-			> .fields {
-				$gutter: (_size(element-margin) * 0.75);
-
-				width: calc(100% + #{$gutter * 2});
-				margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);
-
-				> .field {
-					padding: $gutter 0 0 $gutter;
-					width: calc(100% - #{$gutter * 1});
-
-					&.half {
-						width: calc(100% - #{$gutter * 1});
-					}
-
-					&.third {
-						width: calc(100% - #{$gutter * 1});
-					}
-
-					&.quarter {
-						width: calc(100% - #{$gutter * 1});
-					}
-				}
-			}
-		}
-	}
-
-	label {
-		color: _palette(fg-bold);
-		display: block;
-		font-family: _font(family-heading);
-		font-size: 0.8rem;
-		font-weight: _font(weight-heading);
-		margin: 0 0 (_size(element-margin) * 0.325) 0;
-	}
-
-	input[type="text"],
-	input[type="password"],
-	input[type="email"],
-	input[type="tel"],
-	select,
-	textarea {
-		@include vendor('appearance', 'none');
-		background: transparent;
-		border: solid 2px _palette(border);
-		border-radius: _size(border-radius);
-		color: inherit;
-		display: block;
-		outline: 0;
-		padding: 0 0.75rem;
-		text-decoration: none;
-		width: 100%;
-
-		&:invalid {
-			box-shadow: none;
-		}
-
-		&:focus {
-			border-color: _palette(accent3);
-		}
-	}
-
-	option {
-		background-color: _palette(fg-bold);
-		color: _palette(bg);
-	}
-
-	select {
-		background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
-		background-size: 1.25rem;
-		background-repeat: no-repeat;
-		background-position: calc(100% - 1rem) center;
-		height: _size(element-height);
-		padding-right: _size(element-height);
-		text-overflow: ellipsis;
-
-		option {
-			color: _palette(fg-bold);
-			background: _palette(bg);
-		}
-
-		&:focus {
-			&::-ms-value {
-				background-color: transparent;
-			}
-		}
-
-		&::-ms-expand {
-			display: none;
-		}
-	}
-
-	input[type="text"],
-	input[type="password"],
-	input[type="email"],
-	select {
-		height: _size(element-height);
-	}
-
-	textarea {
-		padding: 0.75rem 1rem;
-	}
-
-	input[type="checkbox"],
-	input[type="radio"], {
-		@include vendor('appearance', 'none');
-		display: block;
-		float: left;
-		margin-right: -2rem;
-		opacity: 0;
-		width: 1rem;
-		z-index: -1;
-
-		& + label {
-			@include icon(false, solid);
-			position: relative;
-			color: _palette(fg);
-			cursor: pointer;
-			display: inline-block;
-			font-size: 1rem;
-			font-weight: _font(weight);
-			margin-bottom: 0;
-			padding-left: (_size(element-height) * 0.6) + 1rem;
-			padding-right: 1rem;
-
-			&:before {
-				content: '';
-				display: inline-block;
-				font-size: 0.8rem;
-				position: absolute;
-				top: 0;
-				left: 0;
-				width: (_size(element-height) * 0.675);
-				height: (_size(element-height) * 0.675);
-				line-height: (_size(element-height) * 0.675);
-				background: _palette(border-bg);
-				border: solid 1px _palette(border);
-				border-radius: _size(border-radius);
-				color: _palette(bg);
-				text-align: center;
-
-				body.is-ie & {
-					line-height: 1.5;
-				}
-			}
-		}
-
-		&:checked + label {
-			&:before {
-				content: '\f00c';
-				background: _palette(fg-bold);
-				border-color: _palette(fg-bold);
-			}
-		}
-
-		&:focus + label {
-			&:before {
-				border-color: _palette(accent3);
-				box-shadow: 0 0 0 1px _palette(accent3);
-			}
-		}
-
-		&:focus:checked + label {
-			&:before {
-				background: _palette(accent3);
-			}
-		}
-
-		&.color1 {
-			& + label {
-				&:before {
-					color: _palette(accent1);
-				}
-			}
-		}
-
-		&.color2 {
-			& + label {
-				&:before {
-					color: _palette(accent2);
-				}
-			}
-		}
-
-		&.color3 {
-			& + label {
-				&:before {
-					color: _palette(accent3);
-				}
-			}
-		}
-
-		&.color4 {
-			& + label {
-				&:before {
-					color: _palette(accent4);
-				}
-			}
-		}
-	}
-
-	input[type="checkbox"] {
-		& + label {
-			&:before {
-				border-radius: _size(border-radius);
-			}
-		}
-	}
-
-	input[type="radio"] {
-		& + label {
-			&:before {
-				border-radius: 100%;
-			}
-		}
-	}
-
-	::-webkit-input-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}
-
-	:-moz-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}
-
-	::-moz-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}
-
-	:-ms-input-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}

data/_sass/components/_gallery.scss

@@ -1,218 +0,0 @@
-///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Gallery */
-
-	$pad: _size(pad);
-	$pad-small-tb: _size(pad-small-tb);
-	$pad-small-lr: _size(pad-small-lr);
-
-	@include keyframes('gallery-modal-spinner') {
-		0% {
-			@include vendor('transform', 'rotate(0deg)');
-		}
-
-		100% {
-			@include vendor('transform', 'rotate(360deg)');
-		}
-	}
-
-	.gallery {
-		@include vendor('align-items', 'stretch');
-		@include vendor('display', 'flex');
-		height: 100%;
-
-		> * {
-			width: 20rem;
-			height: 100%;
-		}
-
-		.image {
-			display: block;
-			position: relative;
-			border-bottom: 0;
-			overflow: hidden;
-
-			img {
-				@include vendor('transition', 'transform #{_duration(transition)} ease-in-out');
-			}
-
-			&:after {
-				@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
-			}
-
-			&:hover {
-				img {
-					@include vendor('transform', 'scale(1.025)');
-				}
-
-				&:after {
-					opacity: 0;
-				}
-			}
-		}
-
-		.group {
-			@include vendor('display', 'flex');
-			@include vendor('flex-wrap', 'wrap');
-
-			> * {
-				height: 50%;
-			}
-		}
-
-		.modal {
-			@include vendor('display', 'flex');
-			@include vendor('align-items', 'center');
-			@include vendor('justify-content', 'center');
-			@include vendor('pointer-events', 'none');
-			@include vendor('user-select', 'none');
-			@include vendor('transition', (
-				'opacity #{_duration(gallery-lightbox-fadein)} ease',
-				'visibility #{_duration(gallery-lightbox-fadein)}',
-				'z-index #{_duration(gallery-lightbox-fadein)}'
-			));
-			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-			position: fixed;
-			top: 0;
-			left: 0;
-			width: 100%;
-			height: 100%;
-			background-color: transparentize(_palette(bg), 1 - _misc(gallery-lightbox-opacity));
-			opacity: 0;
-			outline: 0;
-			visibility: none;
-			z-index: 0;
-
-			&:before {
-				@include vendor('animation', 'gallery-modal-spinner 1s infinite linear');
-				@include vendor('transition', 'opacity #{_duration(gallery-lightbox-fadein) * 0.5} ease');
-				@include vendor('transition-delay', '#{_duration(gallery-lightbox-fadein)}');
-				content: '';
-				display: block;
-				position: absolute;
-				top: 50%;
-				left: 50%;
-				width: 4rem;
-				height: 4rem;
-				margin: -2rem 0 0 -2rem;
-				background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96px" height="96px" viewBox="0 0 96 96" zoomAndPan="disable"><style>circle {fill: transparent; stroke: #{_palette(fg-bold)}; stroke-width: 1.5px; }</style><defs><clipPath id="corner"><polygon points="0,0 48,0 48,48 96,48 96,96 0,96" /></clipPath></defs><g clip-path="url(#corner)"><circle cx="48" cy="48" r="32"/></g></svg>');
-				background-position: center;
-				background-repeat: no-repeat;
-				background-size: 4rem;
-				opacity: 0;
-			}
-
-			&:after {
-				content: '';
-				display: block;
-				position: absolute;
-				top: 0.5rem;
-				right: 0.5rem;
-				width: 4rem;
-				height: 4rem;
-				background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64" zoomAndPan="disable"><style>line {stroke: #{_palette(fg-bold)};stroke-width: 1.5px;}</style><line x1="20" y1="20" x2="44" y2="44" /><line x1="20" y1="44" x2="44" y2="20" /></svg>');
-				background-position: center;
-				background-repeat: no-repeat;
-				background-size: 3rem;
-				cursor: pointer;
-			}
-
-			.inner {
-				@include vendor('transform', 'translateY(0.75rem)');
-				@include vendor('transition', (
-					'opacity #{_duration(gallery-lightbox-fadein) * 0.5} ease',
-					'transform #{_duration(gallery-lightbox-fadein) * 0.5} ease'
-				));
-				opacity: 0;
-
-				img {
-					display: block;
-					max-width: 90vw;
-					max-height: 85vh;
-					box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.35);
-				}
-			}
-
-			&.visible {
-				@include vendor('pointer-events', 'auto');
-				opacity: 1;
-				visibility: visible;
-				z-index: _misc(z-index-base) + 1000;
-
-				&:before {
-					opacity: 1;
-				}
-			}
-
-			&.loaded {
-				.inner {
-					@include vendor('transform', 'translateY(0)');
-					@include vendor('transition', (
-						'opacity #{_duration(gallery-lightbox-fadein)} ease',
-						'transform #{_duration(gallery-lightbox-fadein)} ease'
-					));
-					opacity: 1;
-				}
-
-				&:before {
-					@include vendor('transition-delay', '0s');
-					opacity: 0;
-				}
-			}
-		}
-	}
-
-	@include breakpoint('<=medium') {
-		.gallery {
-			.modal {
-				.inner {
-					img {
-						max-width: 100vw;
-					}
-				}
-			}
-		}
-	}
-
-	@include breakpoint('<=small') {
-		.gallery {
-			@include vendor('flex-direction', 'column');
-			height: auto;
-
-			> * {
-				height: auto;
-				width: 100%;
-			}
-
-			.image {
-				width: 100%;
-				height: 40rem;
-			}
-
-			.group {
-				@include spans(33.33333%);
-
-				.image {
-					height: 20rem;
-				}
-			}
-		}
-	}
-
-	@include breakpoint('<=xsmall') {
-		.gallery {
-			.image {
-				height: 30rem;
-			}
-
-			.group {
-				.image {
-					height: 12.5rem;
-				}
-			}
-		}
-	}

data/_sass/components/_grid-icons.scss

@@ -1,166 +0,0 @@
-///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Grid Icons */
-
-	ul.grid-icons {
-		@include vendor('display', 'flex');
-		@include vendor('flex-wrap', 'wrap');
-		@include vendor('justify-content', 'center');
-		list-style: none;
-		margin: 0 0 _size(element-margin) 0;
-		padding-left: 0;
-
-		.icon {
-			display: block;
-			position: relative;
-			width: 100%;
-			text-align: center;
-
-			&:before {
-				display: block;
-				width: 6rem;
-				height: 6rem;
-				line-height: 6rem;
-				border-radius: 6rem;
-				box-shadow: inset 0 0 0 2px _palette(border);
-				font-size: 2.5rem;
-				margin: 0 auto;
-				text-align: center;
-
-				body.is-ie & {
-					line-height: 2.375;
-				}
-			}
-		}
-
-		> li {
-			@include vendor('flex-grow', '0');
-			@include vendor('flex-shrink', '0');
-			position: relative;
-			margin: 1.5rem 0 0 1.5rem;
-			padding-left: 0;
-		}
-
-		&.connected {
-			> li {
-				&:before {
-					content: '';
-					display: block;
-					position: absolute;
-					width: 1.5rem;
-					height: 2px;
-					top: 50%;
-					left: -1.5rem;
-					background-color: _palette(border);
-				}
-
-				&:after {
-					content: '';
-					display: block;
-					position: absolute;
-					width: 2px;
-					height: 1.5rem;
-					top: -1.5rem;
-					left: 50%;
-					background-color: _palette(border);
-				}
-			}
-		}
-
-		&.two {
-			width: 14rem;
-
-			> li {
-				&:nth-child(-n + 2) {
-					margin-top: 0;
-
-					&:after {
-						display: none;
-					}
-				}
-
-				&:nth-child(2n - 1) {
-					margin-left: 0;
-
-					&:before {
-						display: none;
-					}
-				}
-			}
-		}
-
-		&.three {
-			width: 21.5rem;
-
-			> li {
-				&:nth-child(-n + 3) {
-					margin-top: 0;
-
-					&:after {
-						display: none;
-					}
-				}
-
-				&:nth-child(3n - 2) {
-					margin-left: 0;
-
-					&:before {
-						display: none;
-					}
-				}
-			}
-		}
-
-		&.four {
-			width: 29rem;
-
-			> li {
-				&:nth-child(-n + 4) {
-					margin-top: 0;
-
-					&:after {
-						display: none;
-					}
-				}
-
-				&:nth-child(4n - 3) {
-					margin-left: 0;
-
-					&:before {
-						display: none;
-					}
-				}
-			}
-		}
-
-		@include breakpoint('<=small') {
-			@include vendor('justify-content', 'flex-start');
-			width: 100% !important;
-			margin: -1rem 0 _size(element-margin) -1rem;
-
-			.icon {
-				&:before {
-					width: 4.5rem;
-					height: 4.5rem;
-					line-height: 4.5rem;
-					font-size: 1.75rem;
-				}
-			}
-
-			> li {
-				margin: 1rem 0 0 1rem !important;
-
-				&:before {
-					display: none !important;
-				}
-
-				&:after {
-					display: none !important;
-				}
-			}
-		}
-	}