jekyll-theme-ethereal 0.4.4 → 0.5.4

data/_sass/main/layout/_footer.scss

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

data/_sass/main/layout/_header.scss

@@ -0,0 +1,35 @@
+#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/main/layout/_page-wrapper.scss

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

data/_sass/main/layout/_wrapper.scss

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

data/_sass/medium.scss

@@ -0,0 +1,48 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/vendor';
+@import 'libs/breakpoints';
+
+/*
+Ethereal by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+// Breakpoints.
+
+@include breakpoints((
+    medium:   ( 737px,   980px  )
+));
+
+// Base.
+
+@import 'medium/base/reset';
+@import 'medium/base/page';
+@import 'medium/base/typography';
+
+// Component.
+
+@import 'medium/components/form';
+@import 'medium/components/icon';
+@import 'medium/components/image';
+@import 'medium/components/list';
+@import 'medium/components/actions';
+@import 'medium/components/icons';
+@import 'medium/components/grid-icons';
+@import 'medium/components/contact-icons';
+@import 'medium/components/table';
+@import 'medium/components/button';
+@import 'medium/components/gallery';
+@import 'medium/components/panel';
+@import 'medium/components/panel-map';
+@import 'medium/components/panel-banner';
+@import 'medium/components/panel-spotlight';
+
+// Layout.
+
+@import 'medium/layout/footer';
+@import 'medium/layout/header';
+@import 'medium/layout/page-wrapper';
+@import 'medium/layout/wrapper';

data/_sass/medium/components/_gallery.scss

@@ -0,0 +1,11 @@
+@include breakpoint('<=medium') {
+	.gallery {
+		.modal {
+			.inner {
+				img {
+					max-width: 100vw;
+				}
+			}
+		}
+	}
+}

data/_sass/noscript.scss

@@ -5,22 +5,22 @@
 @import 'libs/breakpoints';
 
 /*
-	Ethereal by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+Ethereal by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 */
 
 /* Page */
 
-	body {
-		overflow-x: scroll;
-	}
+body {
+    overflow-x: scroll;
+}
 
 /* Wrapper */
 
-	#wrapper {
-		body.is-preload & {
-			@include vendor('transform', 'none');
-			opacity: 1;
-		}
-	}
+#wrapper {
+    body.is-preload & {
+        @include vendor('transform', 'none');
+        opacity: 1;
+    }
+}

data/_sass/short.scss

@@ -0,0 +1,49 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/vendor';
+@import 'libs/breakpoints';
+
+/*
+Ethereal by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+// Breakpoints.
+
+@include breakpoints((
+    short:    '(min-aspect-ratio: 16/7)',
+    xshort:   '(min-aspect-ratio: 16/6)'
+));
+
+// Base.
+
+@import 'short/base/reset';
+@import 'short/base/page';
+@import 'short/base/typography';
+
+// Component.
+
+@import 'short/components/form';
+@import 'short/components/icon';
+@import 'short/components/image';
+@import 'short/components/list';
+@import 'short/components/actions';
+@import 'short/components/icons';
+@import 'short/components/grid-icons';
+@import 'short/components/contact-icons';
+@import 'short/components/table';
+@import 'short/components/button';
+@import 'short/components/gallery';
+@import 'short/components/panel';
+@import 'short/components/panel-banner';
+@import 'short/components/panel-map';
+@import 'short/components/panel-spotlight';
+
+// Layout.
+
+@import 'short/layout/footer';
+@import 'short/layout/header';
+@import 'short/layout/page-wrapper';
+@import 'short/layout/wrapper';

data/_sass/short/components/_form.scss

@@ -0,0 +1 @@
+

data/_sass/short/layout/_page-wrapper.scss

@@ -0,0 +1,9 @@
+#page-wrapper {
+    @include breakpoint('short') {
+        padding: 6vh;
+    }
+
+    @include breakpoint('xshort') {
+        padding: 0;
+    }
+}

data/_sass/small.scss

@@ -0,0 +1,50 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/vendor';
+@import 'libs/breakpoints';
+
+/*
+Ethereal by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+// Breakpoints.
+
+@include breakpoints((
+    small:    ( 481px,   736px  ),
+    xsmall:   ( 361px,   480px  ),
+    xxsmall:  ( null,    360px  )
+));
+
+// Base.
+
+@import 'small/base/reset';
+@import 'small/base/page';
+@import 'small/base/typography';
+
+// Component.
+
+@import 'small/components/form';
+@import 'small/components/icon';
+@import 'small/components/image';
+@import 'small/components/list';
+@import 'small/components/actions';
+@import 'small/components/icons';
+@import 'small/components/grid-icons';
+@import 'small/components/contact-icons';
+@import 'small/components/table';
+@import 'small/components/button';
+@import 'small/components/gallery';
+@import 'small/components/panel';
+@import 'small/components/panel-banner';
+@import 'small/components/panel-map';
+@import 'small/components/panel-spotlight';
+
+// Layout.
+
+@import 'small/layout/footer';
+@import 'small/layout/header';
+@import 'small/layout/page-wrapper';
+@import 'small/layout/wrapper';