RubyGems - jekyll-theme-ethereal - Versions diffs - 0.4.4 → 0.5.4 - Mend

jekyll-theme-ethereal 0.4.4 → 0.5.4

Files changed (170) hide show

checksums.yaml +4 -4
data/README.md +54 -1
data/_includes/contact_form.html +11 -7
data/_includes/contact_script.html +60 -22
data/_includes/head.html +11 -1
data/_includes/panel_contact.html +4 -4
data/_includes/panel_map.html +71 -97
data/_includes/scripts.html +8 -19
data/_includes/search.html +8 -6
data/_layouts/default.html +4 -4
data/_sass/large.scss +49 -0
data/_sass/large/base/_page.scss +0 -0
data/_sass/large/base/_reset.scss +0 -0
data/_sass/large/base/_typography.scss +11 -0
data/_sass/large/components/_actions.scss +0 -0
data/_sass/large/components/_button.scss +0 -0
data/_sass/large/components/_contact-icons.scss +0 -0
data/_sass/large/components/_form.scss +0 -0
data/_sass/large/components/_gallery.scss +0 -0
data/_sass/large/components/_grid-icons.scss +0 -0
data/_sass/large/components/_icon.scss +0 -0
data/_sass/large/components/_icons.scss +0 -0
data/_sass/large/components/_image.scss +0 -0
data/_sass/large/components/_list.scss +0 -0
data/_sass/large/components/_panel-banner.scss +0 -0
data/_sass/large/components/_panel-map.scss +0 -0
data/_sass/large/components/_panel-spotlight.scss +0 -0
data/_sass/large/components/_panel.scss +0 -0
data/_sass/large/components/_table.scss +0 -0
data/_sass/large/layout/_footer.scss +0 -0
data/_sass/large/layout/_header.scss +0 -0
data/_sass/large/layout/_page-wrapper.scss +0 -0
data/_sass/large/layout/_wrapper.scss +0 -0
data/_sass/libs/_breakpoints.scss +164 -164
data/_sass/libs/_functions.scss +32 -32
data/_sass/libs/_mixins.scss +225 -49
data/_sass/libs/_vars.scss +40 -40
data/_sass/libs/_vendor.scss +331 -331
data/_sass/main.scss +25 -118
data/_sass/main/base/_page.scss +99 -0
data/_sass/main/base/_reset.scss +76 -0
data/_sass/main/base/_typography.scss +193 -0
data/_sass/main/components/_actions.scss +63 -0
data/_sass/main/components/_button.scss +154 -0
data/_sass/main/components/_contact-icons.scss +72 -0
data/_sass/main/components/_form.scss +253 -0
data/_sass/main/components/_gallery.scss +168 -0
data/_sass/main/components/_grid-icons.scss +139 -0
data/_sass/main/components/_icon.scss +33 -0
data/_sass/main/components/_icons.scss +28 -0
data/_sass/main/components/_image.scss +169 -0
data/_sass/main/components/_list.scss +56 -0
data/_sass/main/components/_panel-banner.scss +52 -0
data/_sass/main/components/_panel-map.scss +0 -0
data/_sass/main/components/_panel-spotlight.scss +62 -0
data/_sass/main/components/_panel.scss +224 -0
data/_sass/main/components/_table.scss +81 -0
data/_sass/main/layout/_footer.scss +30 -0
data/_sass/main/layout/_header.scss +35 -0
data/_sass/main/layout/_page-wrapper.scss +22 -0
data/_sass/main/layout/_wrapper.scss +85 -0
data/_sass/medium.scss +48 -0
data/_sass/medium/base/_page.scss +0 -0
data/_sass/medium/base/_reset.scss +0 -0
data/_sass/medium/base/_typography.scss +0 -0
data/_sass/medium/components/_actions.scss +0 -0
data/_sass/medium/components/_button.scss +0 -0
data/_sass/medium/components/_contact-icons.scss +0 -0
data/_sass/medium/components/_form.scss +0 -0
data/_sass/medium/components/_gallery.scss +11 -0
data/_sass/medium/components/_grid-icons.scss +0 -0
data/_sass/medium/components/_icon.scss +0 -0
data/_sass/medium/components/_icons.scss +0 -0
data/_sass/medium/components/_image.scss +0 -0
data/_sass/medium/components/_list.scss +0 -0
data/_sass/medium/components/_panel-banner.scss +0 -0
data/_sass/medium/components/_panel-map.scss +0 -0
data/_sass/medium/components/_panel-spotlight.scss +0 -0
data/_sass/medium/components/_panel.scss +0 -0
data/_sass/medium/components/_table.scss +0 -0
data/_sass/medium/layout/_footer.scss +0 -0
data/_sass/medium/layout/_header.scss +0 -0
data/_sass/medium/layout/_page-wrapper.scss +0 -0
data/_sass/medium/layout/_wrapper.scss +0 -0
data/_sass/noscript.scss +12 -12
data/_sass/short.scss +49 -0
data/_sass/short/base/_page.scss +0 -0
data/_sass/short/base/_reset.scss +0 -0
data/_sass/short/base/_typography.scss +0 -0
data/_sass/short/components/_actions.scss +0 -0
data/_sass/short/components/_button.scss +0 -0
data/_sass/short/components/_contact-icons.scss +0 -0
data/_sass/short/components/_form.scss +1 -0
data/_sass/short/components/_gallery.scss +0 -0
data/_sass/short/components/_grid-icons.scss +0 -0
data/_sass/short/components/_icon.scss +0 -0
data/_sass/short/components/_icons.scss +0 -0
data/_sass/short/components/_image.scss +0 -0
data/_sass/short/components/_list.scss +0 -0
data/_sass/short/components/_panel-banner.scss +0 -0
data/_sass/short/components/_panel-map.scss +0 -0
data/_sass/short/components/_panel-spotlight.scss +0 -0
data/_sass/short/components/_panel.scss +0 -0
data/_sass/short/components/_table.scss +0 -0
data/_sass/short/layout/_footer.scss +0 -0
data/_sass/short/layout/_header.scss +0 -0
data/_sass/short/layout/_page-wrapper.scss +9 -0
data/_sass/short/layout/_wrapper.scss +0 -0
data/_sass/small.scss +50 -0
data/_sass/small/base/_page.scss +18 -0
data/_sass/small/base/_reset.scss +0 -0
data/_sass/small/base/_typography.scss +67 -0
data/_sass/small/components/_actions.scss +0 -0
data/_sass/small/components/_button.scss +0 -0
data/_sass/small/components/_contact-icons.scss +0 -0
data/_sass/small/components/_form.scss +27 -0
data/_sass/small/components/_gallery.scss +38 -0
data/_sass/small/components/_grid-icons.scss +29 -0
data/_sass/small/components/_icon.scss +0 -0
data/_sass/small/components/_icons.scss +0 -0
data/_sass/small/components/_image.scss +0 -0
data/_sass/small/components/_list.scss +0 -0
data/_sass/small/components/_panel-banner.scss +37 -0
data/_sass/small/components/_panel-map.scss +13 -0
data/_sass/small/components/_panel-spotlight.scss +18 -0
data/_sass/small/components/_panel.scss +80 -0
data/_sass/small/components/_table.scss +0 -0
data/_sass/small/layout/_footer.scss +34 -0
data/_sass/small/layout/_header.scss +0 -0
data/_sass/small/layout/_page-wrapper.scss +12 -0
data/_sass/small/layout/_wrapper.scss +26 -0
data/{_sass/components/_cookieconsent.scss → assets/css/cookieconsent.css} +3 -2
data/assets/css/cookieconsent.min.css +1 -0
data/assets/css/fontawesome-all.min.css +1 -1
data/assets/css/large.scss +5 -0
data/assets/css/mapbox-gl.css +1 -600
data/assets/css/mapbox-gl.min.css +1 -0
data/assets/css/mapbox-gl.panel.css +27 -0
data/assets/css/mapbox-gl.panel.min.css +1 -0
data/assets/css/medium.scss +5 -0
data/assets/css/short.scss +5 -0
data/assets/css/small.scss +5 -0
data/assets/js/cookieconsent.style.min.js +1 -0
data/assets/js/lazy-loading.min.js +1 -0
data/assets/js/main.js +2 -2
data/assets/js/main.min.js +42 -0
data/assets/js/mapbox-gl.min.js +40 -0
metadata +129 -25
data/_sass/base/_page.scss +0 -117
data/_sass/base/_reset.scss +0 -76
data/_sass/base/_typography.scss +0 -271
data/_sass/components/_actions.scss +0 -63
data/_sass/components/_button.scss +0 -154
data/_sass/components/_contact-icons.scss +0 -72
data/_sass/components/_form.scss +0 -279
data/_sass/components/_gallery.scss +0 -218
data/_sass/components/_grid-icons.scss +0 -166
data/_sass/components/_icon.scss +0 -33
data/_sass/components/_icons.scss +0 -28
data/_sass/components/_image.scss +0 -169
data/_sass/components/_list.scss +0 -56
data/_sass/components/_panel-banner.scss +0 -90
data/_sass/components/_panel-spotlight.scss +0 -81
data/_sass/components/_panel.scss +0 -300
data/_sass/components/_table.scss +0 -81
data/_sass/layout/_footer.scss +0 -49
data/_sass/layout/_header.scss +0 -37
data/_sass/layout/_page-wrapper.scss +0 -43
data/_sass/layout/_wrapper.scss +0 -118
data/assets/js/mapbox-gl.js +0 -40

@@ -1,24 +1,13 @@
 <!-- Scripts -->
-<script src="{{ 'assets/js/jquery.min.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/browser.min.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/breakpoints.min.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/lazy-loading.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/main.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/cookieconsent.min.js' | absolute_url }}" data-cfasync="false" type="text/javascript" ></script>
-<script>
-window.cookieconsent.initialise({
-    "palette": {
-        "popup": {
-            "background": "#252e39"
-        },
-        "button": {
-            "background": "#14a7d0"
-        }
-    }
-});
-</script>
+<script src="{{ 'assets/js/jquery.min.js' | absolute_url }}" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/browser.min.js' | absolute_url }}" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/breakpoints.min.js' | absolute_url }}" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/lazy-loading.min.js' | absolute_url }}" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/main.min.js' | absolute_url }}" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/cookieconsent.min.js' | absolute_url }}" data-cfasync="false" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/cookieconsent.style.min.js' | absolute_url }}" type="text/javascript" defer ></script>
 {%- if include.scripts -%}
 {%- for file in include.scripts -%}
-<script src="{{ file.url | absolute_url }}" type="text/javascript" ></script>
+<script src="{{ file.url | absolute_url }}" type="text/javascript" defer ></script>
 {%- endfor -%}
 {%- endif -%}

data/_includes/search.html CHANGED

@@ -8,11 +8,13 @@
     <ul id="search-results">
     </ul>
 </nav>
-<script src="{{ 'assets/js/simple-jekyll-search.min.js' | absolute_url }}" type="text/javascript" ></script>
 <script>
-SimpleJekyllSearch({
-  searchInput: document.getElementById('search-input'),
-  resultsContainer: document.getElementById('search-results'),
-  json: "{{ '/index.json' | absolute_url }}"
-})
+function attachSearchFunction() {
+    SimpleJekyllSearch({
+        searchInput: document.getElementById('search-input'),
+        resultsContainer: document.getElementById('search-results'),
+        json: "{{ '/index.json' | absolute_url }}"
+    });
+}
 </script>
+<script src="{{ 'assets/js/simple-jekyll-search.min.js' | absolute_url }}" onload="attachSearchFunction()" type="text/javascript" defer ></script>

data/_layouts/default.html CHANGED

@@ -20,11 +20,11 @@
     <body class="is-preload">
+        {% include language.html %}
         <!-- Page Wrapper -->
         <div id="page-wrapper">
-            {% include language.html %}
             <!-- Wrapper -->
             <div id="wrapper">
@@ -32,10 +32,10 @@
             </div>
-            {% include footer.html %}
         </div>
+        {% include footer.html %}
         {% include scripts.html scripts=scripts %}
     </body>

data/_sass/large.scss ADDED

@@ -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((
+    xlarge:   ( 1281px,  1680px ),
+    large:    ( 981px,   1280px )
+));
+// Base.
+@import 'large/base/reset';
+@import 'large/base/page';
+@import 'large/base/typography';
+// Component.
+@import 'large/components/form';
+@import 'large/components/icon';
+@import 'large/components/image';
+@import 'large/components/list';
+@import 'large/components/actions';
+@import 'large/components/icons';
+@import 'large/components/grid-icons';
+@import 'large/components/contact-icons';
+@import 'large/components/table';
+@import 'large/components/button';
+@import 'large/components/gallery';
+@import 'large/components/panel';
+@import 'large/components/panel-banner';
+@import 'large/components/panel-map';
+@import 'large/components/panel-spotlight';
+// Layout.
+@import 'large/layout/footer';
+@import 'large/layout/header';
+@import 'large/layout/page-wrapper';
+@import 'large/layout/wrapper';

data/_sass/large/base/_page.scss ADDED

File without changes

data/_sass/large/base/_reset.scss ADDED

File without changes

data/_sass/large/base/_typography.scss ADDED

@@ -0,0 +1,11 @@
+html {
+    @include breakpoint('<=xlarge') {
+        font-size: 12pt;
+        font-size: 1.1vmax;
+    }
+    @include breakpoint('<=large') {
+        font-size: 11pt;
+        font-size: 1.5vmax;
+    }
+}

data/_sass/large/components/_actions.scss ADDED

File without changes

data/_sass/large/components/_button.scss ADDED

File without changes

data/_sass/large/components/_contact-icons.scss ADDED

File without changes

data/_sass/large/components/_form.scss ADDED

File without changes

data/_sass/large/components/_gallery.scss ADDED

File without changes

data/_sass/large/components/_grid-icons.scss ADDED

File without changes

data/_sass/large/components/_icon.scss ADDED

File without changes

data/_sass/large/components/_icons.scss ADDED

File without changes

data/_sass/large/components/_image.scss ADDED

File without changes

data/_sass/large/components/_list.scss ADDED

File without changes

data/_sass/large/components/_panel-banner.scss ADDED

File without changes

data/_sass/large/components/_panel-map.scss ADDED

File without changes

data/_sass/large/components/_panel-spotlight.scss ADDED

File without changes

data/_sass/large/components/_panel.scss ADDED

File without changes

data/_sass/large/components/_table.scss ADDED

File without changes

data/_sass/large/layout/_footer.scss ADDED

File without changes

data/_sass/large/layout/_header.scss ADDED

File without changes

data/_sass/large/layout/_page-wrapper.scss ADDED

File without changes

data/_sass/large/layout/_wrapper.scss ADDED

File without changes

data/_sass/libs/_breakpoints.scss CHANGED

@@ -2,222 +2,222 @@
 // Vars.
-	/// Breakpoints.
-	/// @var {list}
-	$breakpoints: () !global;
+/// Breakpoints.
+/// @var {list}
+$breakpoints: () !global;
 // Mixins.
-	/// Sets breakpoints.
-	/// @param {map} $x Breakpoints.
-	@mixin breakpoints($x: ()) {
-		$breakpoints: $x !global;
-	}
+/// Sets breakpoints.
+/// @param {map} $x Breakpoints.
+@mixin breakpoints($x: ()) {
+    $breakpoints: $x !global;
+}
-	/// Wraps @content in a @media block targeting a specific orientation.
-	/// @param {string} $orientation Orientation.
-	@mixin orientation($orientation) {
-		@media screen and (orientation: #{$orientation}) {
-			@content;
-		}
-	}
+/// Wraps @content in a @media block targeting a specific orientation.
+/// @param {string} $orientation Orientation.
+@mixin orientation($orientation) {
+    @media screen and (orientation: #{$orientation}) {
+        @content;
+    }
+}
-	/// Wraps @content in a @media block using a given query.
-	/// @param {string} $query Query.
-	@mixin breakpoint($query: null) {
+/// Wraps @content in a @media block using a given query.
+/// @param {string} $query Query.
+@mixin breakpoint($query: null) {
-		$breakpoint: null;
-		$op: null;
-		$media: null;
+    $breakpoint: null;
+    $op: null;
+    $media: null;
-		// Determine operator, breakpoint.
+    // Determine operator, breakpoint.
-			// Greater than or equal.
-				@if (str-slice($query, 0, 2) == '>=') {
+        // Greater than or equal.
+            @if (str-slice($query, 0, 2) == '>=') {
-					$op: 'gte';
-					$breakpoint: str-slice($query, 3);
+                $op: 'gte';
+                $breakpoint: str-slice($query, 3);
-				}
+            }
-			// Less than or equal.
-				@elseif (str-slice($query, 0, 2) == '<=') {
+        // Less than or equal.
+            @elseif (str-slice($query, 0, 2) == '<=') {
-					$op: 'lte';
-					$breakpoint: str-slice($query, 3);
+                $op: 'lte';
+                $breakpoint: str-slice($query, 3);
-				}
+            }
-			// Greater than.
-				@elseif (str-slice($query, 0, 1) == '>') {
+        // Greater than.
+            @elseif (str-slice($query, 0, 1) == '>') {
-					$op: 'gt';
-					$breakpoint: str-slice($query, 2);
+                $op: 'gt';
+                $breakpoint: str-slice($query, 2);
-				}
+            }
-			// Less than.
-				@elseif (str-slice($query, 0, 1) == '<') {
+        // Less than.
+            @elseif (str-slice($query, 0, 1) == '<') {
-					$op: 'lt';
-					$breakpoint: str-slice($query, 2);
+                $op: 'lt';
+                $breakpoint: str-slice($query, 2);
-				}
+            }
-			// Not.
-				@elseif (str-slice($query, 0, 1) == '!') {
+        // Not.
+            @elseif (str-slice($query, 0, 1) == '!') {
-					$op: 'not';
-					$breakpoint: str-slice($query, 2);
+                $op: 'not';
+                $breakpoint: str-slice($query, 2);
-				}
+            }
-			// Equal.
-				@else {
+        // Equal.
+            @else {
-					$op: 'eq';
-					$breakpoint: $query;
+                $op: 'eq';
+                $breakpoint: $query;
-				}
+            }
-		// Build media.
-			@if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
+    // Build media.
+        @if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
-				$a: map-get($breakpoints, $breakpoint);
+            $a: map-get($breakpoints, $breakpoint);
-				// Range.
-					@if (type-of($a) == 'list') {
+            // Range.
+                @if (type-of($a) == 'list') {
-						$x: nth($a, 1);
-						$y: nth($a, 2);
+                    $x: nth($a, 1);
+                    $y: nth($a, 2);
-						// Max only.
-							@if ($x == null) {
+                    // Max only.
+                        @if ($x == null) {
-								// Greater than or equal (>= 0 / anything)
-									@if ($op == 'gte') {
-										$media: 'screen';
-									}
+                            // Greater than or equal (>= 0 / anything)
+                                @if ($op == 'gte') {
+                                    $media: 'screen';
+                                }
-								// Less than or equal (<= y)
-									@elseif ($op == 'lte') {
-										$media: 'screen and (max-width: ' + $y + ')';
-									}
+                            // Less than or equal (<= y)
+                                @elseif ($op == 'lte') {
+                                    $media: 'screen and (max-width: ' + $y + ')';
+                                }
-								// Greater than (> y)
-									@elseif ($op == 'gt') {
-										$media: 'screen and (min-width: ' + ($y + 1) + ')';
-									}
+                            // Greater than (> y)
+                                @elseif ($op == 'gt') {
+                                    $media: 'screen and (min-width: ' + ($y + 1) + ')';
+                                }
-								// Less than (< 0 / invalid)
-									@elseif ($op == 'lt') {
-										$media: 'screen and (max-width: -1px)';
-									}
+                            // Less than (< 0 / invalid)
+                                @elseif ($op == 'lt') {
+                                    $media: 'screen and (max-width: -1px)';
+                                }
-								// Not (> y)
-									@elseif ($op == 'not') {
-										$media: 'screen and (min-width: ' + ($y + 1) + ')';
-									}
+                            // Not (> y)
+                                @elseif ($op == 'not') {
+                                    $media: 'screen and (min-width: ' + ($y + 1) + ')';
+                                }
-								// Equal (<= y)
-									@else {
-										$media: 'screen and (max-width: ' + $y + ')';
-									}
+                            // Equal (<= y)
+                                @else {
+                                    $media: 'screen and (max-width: ' + $y + ')';
+                                }
-							}
+                        }
-						// Min only.
-							@else if ($y == null) {
+                    // Min only.
+                        @else if ($y == null) {
-								// Greater than or equal (>= x)
-									@if ($op == 'gte') {
-										$media: 'screen and (min-width: ' + $x + ')';
-									}
+                            // Greater than or equal (>= x)
+                                @if ($op == 'gte') {
+                                    $media: 'screen and (min-width: ' + $x + ')';
+                                }
-								// Less than or equal (<= inf / anything)
-									@elseif ($op == 'lte') {
-										$media: 'screen';
-									}
+                            // Less than or equal (<= inf / anything)
+                                @elseif ($op == 'lte') {
+                                    $media: 'screen';
+                                }
-								// Greater than (> inf / invalid)
-									@elseif ($op == 'gt') {
-										$media: 'screen and (max-width: -1px)';
-									}
+                            // Greater than (> inf / invalid)
+                                @elseif ($op == 'gt') {
+                                    $media: 'screen and (max-width: -1px)';
+                                }
-								// Less than (< x)
-									@elseif ($op == 'lt') {
-										$media: 'screen and (max-width: ' + ($x - 1) + ')';
-									}
+                            // Less than (< x)
+                                @elseif ($op == 'lt') {
+                                    $media: 'screen and (max-width: ' + ($x - 1) + ')';
+                                }
-								// Not (< x)
-									@elseif ($op == 'not') {
-										$media: 'screen and (max-width: ' + ($x - 1) + ')';
-									}
+                            // Not (< x)
+                                @elseif ($op == 'not') {
+                                    $media: 'screen and (max-width: ' + ($x - 1) + ')';
+                                }
-								// Equal (>= x)
-									@else {
-										$media: 'screen and (min-width: ' + $x + ')';
-									}
+                            // Equal (>= x)
+                                @else {
+                                    $media: 'screen and (min-width: ' + $x + ')';
+                                }
-							}
+                        }
-						// Min and max.
-							@else {
+                    // Min and max.
+                        @else {
-								// Greater than or equal (>= x)
-									@if ($op == 'gte') {
-										$media: 'screen and (min-width: ' + $x + ')';
-									}
+                            // Greater than or equal (>= x)
+                                @if ($op == 'gte') {
+                                    $media: 'screen and (min-width: ' + $x + ')';
+                                }
-								// Less than or equal (<= y)
-									@elseif ($op == 'lte') {
-										$media: 'screen and (max-width: ' + $y + ')';
-									}
+                            // Less than or equal (<= y)
+                                @elseif ($op == 'lte') {
+                                    $media: 'screen and (max-width: ' + $y + ')';
+                                }
-								// Greater than (> y)
-									@elseif ($op == 'gt') {
-										$media: 'screen and (min-width: ' + ($y + 1) + ')';
-									}
+                            // Greater than (> y)
+                                @elseif ($op == 'gt') {
+                                    $media: 'screen and (min-width: ' + ($y + 1) + ')';
+                                }
-								// Less than (< x)
-									@elseif ($op == 'lt') {
-										$media: 'screen and (max-width: ' + ($x - 1) + ')';
-									}
+                            // Less than (< x)
+                                @elseif ($op == 'lt') {
+                                    $media: 'screen and (max-width: ' + ($x - 1) + ')';
+                                }
-								// Not (< x and > y)
-									@elseif ($op == 'not') {
-										$media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
-									}
-								// Equal (>= x and <= y)
-									@else {
-										$media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
-									}
-							}
-					}
-				// String.
-					@else {
-						// Missing a media type? Prefix with "screen".
-							@if (str-slice($a, 0, 1) == '(') {
-								$media: 'screen and ' + $a;
-							}
-						// Otherwise, use as-is.
-							@else {
-								$media: $a;
-							}
+                            // Not (< x and > y)
+                                @elseif ($op == 'not') {
+                                    $media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
+                                }
+                            // Equal (>= x and <= y)
+                                @else {
+                                    $media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
+                                }
+                        }
+                }
+            // String.
+                @else {
+                    // Missing a media type? Prefix with "screen".
+                        @if (str-slice($a, 0, 1) == '(') {
+                            $media: 'screen and ' + $a;
+                        }
+                    // Otherwise, use as-is.
+                        @else {
+                            $media: $a;
+                        }
-					}
+                }
-			}
+        }
-		// Output.
-	        @media #{$media} {
-				@content;
-			}
+    // Output.
+        @media #{$media} {
+            @content;
+        }
-	}
+}