jekyll-theme-ethereal 0.4.4 → 0.5.0

data/_sass/components/_panel.scss

@@ -1,300 +0,0 @@
-///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Panel */
-
-	$pad: _size(pad);
-	$pad-small-tb: _size(pad-small-tb);
-	$pad-small-lr: _size(pad-small-lr);
-
-	@mixin panel-colors {
-		$opacity: 0.175;
-		$darken: 3;
-		$desaturate: 3;
-
-		&.color0 {
-			@include gradient-background(false, 1, 20%, 60%);
-		}
-
-		&.color1 {
-			@include gradient-background;
-			background-color: _palette(accent1);
-		}
-
-		&.color2 {
-			@include gradient-background;
-			background-color: _palette(accent2);
-		}
-
-		&.color3 {
-			@include gradient-background;
-			background-color: desaturate(darken(_palette(accent3), 9), 9);
-		}
-
-		&.color4 {
-			@include gradient-background;
-			background-color: _palette(accent4);
-		}
-
-		&.color1-alt {
-			@include gradient-background(false, $opacity);
-			background-color: desaturate(darken(_palette(accent1), $darken), $desaturate);
-		}
-
-		&.color2-alt {
-			@include gradient-background(false, $opacity);
-			background-color: desaturate(darken(_palette(accent2), $darken), $desaturate);
-		}
-
-		&.color3-alt {
-			@include gradient-background(false, $opacity);
-			background-color: desaturate(darken(_palette(accent3), 12), 12);
-		}
-
-		&.color4-alt {
-			@include gradient-background(false, $opacity);
-			background-color: desaturate(darken(_palette(accent4), $darken), $desaturate);
-		}
-	}
-
-	.panel {
-		@include vendor('display', 'flex');
-		@include vendor('flex-grow', '0');
-		@include vendor('flex-shrink', '0');
-		@include vendor('justify-content', 'center');
-		@include vendor('align-items', 'stretch');
-		height: 100%;
-		overflow-x: hidden;
-		overflow-y: auto;
-
-		> * {
-			position: relative;
-			min-width: 10rem;
-
-			@include panel-colors;
-		}
-
-		> .intro {
-			@include padding($pad, $pad);
-			@include vendor('display', 'flex');
-			@include vendor('flex-grow', '0');
-			@include vendor('flex-shrink', '0');
-			@include vendor('justify-content', 'center');
-			@include vendor('align-items', 'flex-start');
-			@include vendor('flex-direction', 'column');
-			width: 22rem;
-
-			&.joined {
-				width: (22rem - $pad);
-				padding-right: 0;
-
-				& + .inner {
-					padding-left: ($pad * 0.75);
-				}
-			}
-		}
-
-		> .inner {
-			@include padding($pad, $pad);
-			@include vendor('display', 'flex');
-			@include vendor('flex-grow', '1');
-			@include vendor('flex-shrink', '1');
-			@include vendor('justify-content', 'center');
-			@include vendor('align-items', 'flex-start');
-			@include vendor('flex-direction', 'column');
-			position: relative;
-			width: 100%;
-
-			&.columns {
-				@include vendor('display', 'flex');
-				@include vendor('justify-content', 'center');
-				@include vendor('align-items', 'center');
-				@include vendor('flex-direction', 'row');
-
-				> * {
-					@include vendor('flex-grow', '0');
-					@include vendor('flex-shrink', '0');
-					margin-left: $pad;
-				}
-
-				> :first-child {
-					margin-left: 0;
-				}
-
-				&.divided {
-					> * {
-						margin-left: ($pad * 2);
-
-						&:before {
-							content: '';
-							position: absolute;
-							top: $pad;
-							width: 2px;
-							height: calc(100% - #{$pad * 2});
-							margin-left: ($pad * -1);
-							background-color: _palette(border);
-						}
-					}
-
-					> :first-child {
-						margin-left: 0;
-
-						&:before {
-							display: none;
-						}
-					}
-				}
-
-				&.aligned {
-					@include vendor('align-items', 'flex-start');
-				}
-			}
-		}
-
-		@include spans(_size(span-fixed));
-
-		&.small {
-			width: 35rem;
-		}
-
-		&.medium {
-			width: 50rem;
-		}
-
-		&.large {
-			width: 65rem;
-		}
-
-		&.small,
-		&.medium,
-		&.large {
-			@include spans(_size(span-variable));
-		}
-
-		@include panel-colors;
-	}
-
-	@mixin panel-colors-small {
-		$opacity: 0.175;
-		$darken: 3;
-		$desaturate: 3;
-
-		&.color1 {
-			@include gradient-background-small;
-			background-color: _palette(accent1);
-		}
-
-		&.color2 {
-			@include gradient-background-small;
-			background-color: _palette(accent2);
-		}
-
-		&.color3 {
-			@include gradient-background-small;
-			background-color: _palette(accent3);
-		}
-
-		&.color4 {
-			@include gradient-background-small;
-			background-color: _palette(accent4);
-		}
-
-		&.color1-alt {
-			@include gradient-background-small(false, $opacity);
-			background-color: desaturate(darken(_palette(accent1), $darken), $desaturate);
-		}
-
-		&.color2-alt {
-			@include gradient-background-small(false, $opacity);
-			background-color: desaturate(darken(_palette(accent2), $darken), $desaturate);
-		}
-
-		&.color3-alt {
-			@include gradient-background-small(false, $opacity);
-			background-color: desaturate(darken(_palette(accent3), $darken), $desaturate);
-		}
-
-		&.color4-alt {
-			@include gradient-background-small(false, $opacity);
-			background-color: desaturate(darken(_palette(accent4), $darken), $desaturate);
-		}
-	}
-
-	@include breakpoint('<=small') {
-		.panel {
-			@include vendor('flex-direction', 'column');
-			height: auto;
-
-			> * {
-				@include panel-colors-small;
-			}
-
-			> .intro {
-				@include padding($pad-small-tb, $pad-small-lr);
-				width: 100% !important;
-
-				&.joined {
-					padding-bottom: 0;
-					padding-right: $pad-small-lr;
-
-					& + .inner {
-						padding-top: 0;
-						padding-left: $pad-small-lr;
-					}
-				}
-			}
-
-			> .inner {
-				@include padding($pad-small-tb, $pad-small-lr);
-
-				&.columns {
-					@include vendor('flex-direction', 'column');
-
-					> * {
-						margin-left: 0;
-						margin-top: 0;
-					}
-
-					> :first-child {
-						margin-top: 0;
-					}
-
-					&.divided {
-						> * {
-							margin-left: 0;
-							margin-top: ($pad-small-lr * 2);
-
-							&:before {
-								content: '';
-								position: absolute;
-								top: auto;
-								left: $pad-small-lr;
-								width: calc(100% - #{$pad-small-lr * 2});
-								height: 2px;
-								margin-left: 0;
-								margin-top: ($pad-small-lr * -1);
-							}
-						}
-
-						> :first-child {
-							margin-top: 0;
-						}
-					}
-				}
-			}
-
-			@include spans-small(_size(span-fixed));
-
-			&.small,
-			&.medium,
-			&.large {
-				@include spans-small(_size(span-variable));
-				width: 100% !important;
-			}
-
-			@include panel-colors-small;
-		}
-	}

data/_sass/components/_table.scss

@@ -1,81 +0,0 @@
-///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Table */
-
-	.table-wrapper {
-		-webkit-overflow-scrolling: touch;
-		overflow-x: auto;
-	}
-
-	table {
-		margin: 0 0 _size(element-margin) 0;
-		width: 100%;
-
-		tbody {
-			tr {
-				border: solid 1px _palette(border);
-				border-left: 0;
-				border-right: 0;
-
-				&:nth-child(2n + 1) {
-					background-color: _palette(border-bg);
-				}
-			}
-		}
-
-		td {
-			padding: 0.75rem 0.75rem;
-		}
-
-		th {
-			color: _palette(fg-bold);
-			font-size: 0.9rem;
-			font-weight: _font(weight-bold);
-			padding: 0 0.75rem 0.75rem 0.75rem;
-			text-align: left;
-		}
-
-		thead {
-			border-bottom: solid 2px _palette(border);
-		}
-
-		tfoot {
-			border-top: solid 2px _palette(border);
-		}
-
-		&.alt {
-			border-collapse: separate;
-
-			tbody {
-				tr {
-					td {
-						border: solid 1px _palette(border);
-						border-left-width: 0;
-						border-top-width: 0;
-
-						&:first-child {
-							border-left-width: 1px;
-						}
-					}
-
-					&:first-child {
-						td {
-							border-top-width: 1px;
-						}
-					}
-				}
-			}
-
-			thead {
-				border-bottom: 0;
-			}
-
-			tfoot {
-				border-top: 0;
-			}
-		}
-	}

data/_sass/layout/_footer.scss

@@ -1,49 +0,0 @@
-/* Header */
-
-#footer {
-	z-index: 1000;
-	position: fixed;
-	bottom: 0;
-	right: 0;
-	width: 100%;
-	margin: 0;
-	padding: 0;
-	@include vendor('display', 'flex');
-	@include vendor('justify-content', 'space-between');
-	color: _palette(accent4);
-
-	.copyright {
-		li {
-			display: inline-block;
-			margin-left: 1em;
-			padding-left: 1em;
-			border-left: solid 1px rgba(255, 255, 255, 0.25);
-			line-height: 1em;
-
-			&:first-child {
-				border-left: 0;
-				margin-left: 0;
-				padding-left: 0;
-			}
-		}
-	}
-
-	@include breakpoint('<=small') {
-		@include vendor('flex-direction', 'column');
-		text-align: center;
-		padding: 3em;
-
-		.copyright {
-			li {
-				display: block;
-				margin: 0.75em 0 0 0;
-				padding-left: 0;
-				border-left: 0;
-
-				&:first-child {
-					margin-top: 0;
-				}
-			}
-		}
-	}
-}

data/_sass/layout/_header.scss

@@ -1,37 +0,0 @@
-/* Header */
-
-#language-selector {
-	z-index: 10002;
-	position: fixed;
-	top: 0;
-	right: 0;
-	text-align: right;
-	color: _palette(accent4);
-
-	li {
-		display: inline-block;
-		margin: 0;
-		margin-right: 1em;
-		padding: 0 1em 0 0;
-
-		&:last-child {
-			padding-right: 0;
-		}
-
-		.icon {
-			color: inherit;
-
-			&:before {
-				font-size: 1.25em;
-			}
-		}
-	}
-
-	a {
-		border: none;
-	}
-	
-	.en:lang(en), .fr:lang(fr), .de:lang(de){
-		font-weight: bold;
-	}
-}

data/_sass/layout/_page-wrapper.scss

@@ -1,43 +0,0 @@
-///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Page Wrapper */
-
-	#page-wrapper {
-		@include vendor('display', 'flex');
-		@include vendor('align-items', 'center');
-		@include vendor('justify-content', 'flex-start');
-		@include vendor('flex-grow', '1');
-		@include vendor('flex-shrink', '1');
-		height: 100%;
-		padding: 5rem;
-
-		@include orientation(portrait) {
-			padding-left: 2rem;
-			padding-right: 2rem;
-		}
-
-		@include breakpoint('short') {
-			padding: 6vh;
-		}
-
-		@include breakpoint('xshort') {
-			padding: 0;
-		}
-	}
-
-	@include breakpoint('<=small') {
-		#page-wrapper {
-			height: auto;
-			padding: 1rem;
-		}
-	}
-
-	@include breakpoint('<=xsmall') {
-		#page-wrapper {
-			padding: 0;
-		}
-	}

data/_sass/layout/_wrapper.scss

@@ -1,118 +0,0 @@
-///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Wrapper */
-
-	#wrapper {
-		@include vendor('display', 'flex');
-		@include vendor('flex-direction', 'row');
-		@include vendor('transition', (
-			'opacity 1s ease-out',
-			'transform 0.75s ease-out'
-		));
-		@include vendor('transition-delay', '0.25s');
-		cursor: default;
-		position: relative;
-		height: 32rem;
-		box-shadow: 0 2rem 4rem 0.25rem transparentize(_palette(bg), 0.425);
-
-		> .scrollZone {
-			position: fixed;
-			width: 6rem;
-			height: inherit;
-			cursor: -moz-grab;
-			cursor: -webkit-grab;
-			cursor: -ms-grab;
-			cursor: grab;
-			z-index: _misc(z-index-base) + 100;
-
-			&.left {
-				left: 0;
-			}
-
-			&.right {
-				right: 0;
-			}
-		}
-
-		> .copyright {
-			position: absolute;
-			bottom: -3rem;
-			right: 0;
-			font-size: 0.8rem;
-			color: transparentize(_palette(bg), 0.625);
-			margin-bottom: 0;
-
-			a {
-				&:hover {
-					color: inherit;
-				}
-			}
-		}
-
-		&.is-dragging {
-			@include vendor('user-select', 'none');
-			cursor: -moz-grab;
-			cursor: -webkit-grab;
-			cursor: -ms-grab;
-			cursor: grab;
-
-			* {
-				@include vendor('user-select', 'none');
-			}
-
-			*:not(a, .image) {
-				cursor: -moz-grab;
-				cursor: -webkit-grab;
-				cursor: -ms-grab;
-				cursor: grab;
-			}
-		}
-
-		&.is-dragged {
-			* {
-				@include vendor('pointer-events', 'none');
-			}
-		}
-
-		body.is-preload & {
-			@include vendor('transform', 'translateX(2rem)');
-			opacity: 0;
-		}
-	}
-
-	@include breakpoint('<=small') {
-		#wrapper {
-			@include vendor('flex-direction', 'column');
-			height: auto;
-			margin: 0 0 5rem 0;
-			box-shadow: 0 0.25rem 1.5rem 0.25rem transparentize(_palette(bg), 0.5);
-
-			> .scrollZone {
-				display: none;
-			}
-
-			> .copyright {
-				display: block;
-				width: 100%;
-				text-align: center;
-			}
-
-			body.is-preload & {
-				@include vendor('transform', 'translateY(1rem)');
-			}
-		}
-	}
-
-	@include breakpoint('<=xsmall') {
-		#wrapper {
-			box-shadow: none;
-
-			body.is-preload & {
-				@include vendor('transform', 'none');
-			}
-		}
-	}