jekyll-theme-ethereal 0.1.0

data/_sass/components/_grid-icons.scss

@@ -0,0 +1,166 @@
+///
+/// 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;
+				}
+			}
+		}
+	}

data/_sass/components/_icon.scss

@@ -0,0 +1,33 @@
+///
+/// Ethereal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+	.icon {
+		@include icon;
+		position: relative;
+		border-bottom: none;
+
+		> .label {
+			display: none;
+		}
+
+		&:before {
+			line-height: inherit;
+		}
+
+		&.solid {
+			&:before {
+				font-weight: 900;
+			}
+		}
+
+		&.brands {
+			&:before {
+				font-family: 'Font Awesome 5 Brands';
+			}
+		}
+	}

data/_sass/components/_icons.scss

@@ -0,0 +1,28 @@
+///
+/// Ethereal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icons */
+
+	ul.icons {
+		cursor: default;
+		list-style: none;
+		padding-left: 0;
+
+		li {
+			display: inline-block;
+			padding: 0 1rem 0 0;
+
+			&:last-child {
+				padding-right: 0;
+			}
+
+			.icon {
+				&:before {
+					font-size: 1.25em;
+				}
+			}
+		}
+	}

data/_sass/components/_image.scss

@@ -0,0 +1,169 @@
+///
+/// Ethereal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Image */
+
+	.image {
+		display: inline-block;
+		position: relative;
+		border: 0;
+
+		&.filtered {
+			&:after {
+				@include gradient-background;
+				@include vendor('pointer-events', 'none');
+				content: '';
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				opacity: 1;
+				z-index: 1;
+			}
+
+			&.tinted {
+				&:after {
+					@include gradient-background(true);
+				}
+			}
+		}
+
+		&[data-position] {
+			img {
+				@include vendor('object-fit', 'cover');
+				display: block;
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		&[data-position="top left"] {
+			img {
+				@include vendor('object-position', 'top left');
+			}
+		}
+
+		&[data-position="top"] {
+			img {
+				@include vendor('object-position', 'top');
+			}
+		}
+
+		&[data-position="top right"] {
+			img {
+				@include vendor('object-position', 'top right');
+			}
+		}
+
+		&[data-position="right"] {
+			img {
+				@include vendor('object-position', 'right');
+			}
+		}
+
+		&[data-position="bottom right"] {
+			img {
+				@include vendor('object-position', 'bottom right');
+			}
+		}
+
+		&[data-position="bottom"] {
+			img {
+				@include vendor('object-position', 'bottom');
+			}
+		}
+
+		&[data-position="bottom left"] {
+			img {
+				@include vendor('object-position', 'bottom left');
+			}
+		}
+
+		&[data-position="left"] {
+			img {
+				@include vendor('object-position', 'left');
+			}
+		}
+
+		&[data-position="center"] {
+			img {
+				@include vendor('object-position', 'center');
+			}
+		}
+
+		&[data-position="25% 25%"] {
+			img {
+				@include vendor('object-position', '25% 25%');
+			}
+		}
+
+		&[data-position="75% 25%"] {
+			img {
+				@include vendor('object-position', '75% 25%');
+			}
+		}
+
+		&[data-position="75% 75%"] {
+			img {
+				@include vendor('object-position', '75% 75%');
+			}
+		}
+
+		&[data-position="25% 75%"] {
+			img {
+				@include vendor('object-position', '25% 75%');
+			}
+		}
+
+		img {
+			display: block;
+		}
+
+		&.left,
+		&.right {
+			max-width: 40%;
+
+			img {
+				width: 100%;
+			}
+		}
+
+		&.left {
+			float: left;
+			padding: 0 1.5rem 1rem 0;
+			top: 0.25rem;
+		}
+
+		&.right {
+			float: right;
+			padding: 0 0 1rem 1.5rem;
+			top: 0.25rem;
+		}
+
+		&.fit {
+			display: block;
+			margin: 0 0 _size(element-margin) 0;
+			width: 100%;
+
+			img {
+				width: 100%;
+			}
+		}
+
+		&.main {
+			display: block;
+			margin: 0 0 (_size(element-margin) * 1.5) 0;
+			width: 100%;
+
+			img {
+				width: 100%;
+			}
+		}
+	}

data/_sass/components/_list.scss

@@ -0,0 +1,56 @@
+///
+/// Ethereal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+	ol {
+		list-style: decimal;
+		margin: 0 0 _size(element-margin) 0;
+		padding-left: 1.25rem;
+
+		li {
+			padding-left: 0.25rem;
+		}
+	}
+
+	ul {
+		list-style: disc;
+		margin: 0 0 _size(element-margin) 0;
+		padding-left: 1rem;
+
+		li {
+			padding-left: 0.5rem;
+		}
+
+		&.alt {
+			list-style: none;
+			padding-left: 0;
+
+			li {
+				border-top: solid 1px _palette(border);
+				padding: 0.5rem 0;
+
+				&:first-child {
+					border-top: 0;
+					padding-top: 0;
+				}
+			}
+		}
+	}
+
+	dl {
+		margin: 0 0 _size(element-margin) 0;
+
+		dt {
+			display: block;
+			font-weight: _font(weight-bold);
+			margin: 0 0 (_size(element-margin) * 0.5) 0;
+		}
+
+		dd {
+			margin-left: _size(element-margin);
+		}
+	}