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

jekyll-theme-ethereal 0.4.4 → 0.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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

data/_includes/scripts.html CHANGED

@@ -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;
+        }
-	}
+}