futuro 0.5.3 → 0.5.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 720071786f7c677ea700175db2af8fc0dc0dd4cdc0174a288f516a2228b4ac96
-  data.tar.gz: 65931a89b40347a11f769c9d449d2ad5f61e8ae5db9ca52e658846f49af82b3a
+  metadata.gz: 8f650f8f19a3aefa0acbd53954b0d6457e61bd17758789ccce236006690df175
+  data.tar.gz: d8e27abef5179d9174b2a24b1dbb8eaa50a26fee1e2ab7700dafa0cf674e92fc
 SHA512:
-  metadata.gz: f9d37024eef43ccf7e947ea7bb7c2fedb350641d70347c2977a1db72de6c39d664101f9873af6f4b68ffbb31efcb3c4b360dda271b0381517726388b56837085
-  data.tar.gz: 8ac9a2dfead8aa2d3d1bc528a84c6ca4d18886949d4a4362ad8551b226571aec1094902bc11777ce7ee132db08045f456183f38458e9c7c1e2a355c1c1fc8276
+  metadata.gz: b907386371a7ad373abe9e2883ff754f04afd56f56f5770d07aa1d481a47e4afb9606fab14547d38b7ff43a131da31c165be344fac6c200db1ff7a4ca4434a6e
+  data.tar.gz: 9580a56442d064ee286cb8d390a4d4c758bb708dcbe38d79f59d2e73e8ade0b0d397171f0b2c61d2b6981d5e913d3f3be535ae6f2177285490fca6c2d3c3ded3

data/_includes/html/overlay.liquid

@@ -1,16 +1,12 @@
 
 {% assign title = include.title | downcase %}
-{% assign legacy = site.setup.legacy %}
+{% assign display = site.setup.display %}
 
-{% if include.state %}
-<div class="area overlay {{ title }}{% if include.demo %} demo{% endif %}" style="{% if legacy %} display: block; {% else %} display: grid; {% endif %}">
-{% else %}
-<div class="area overlay {{ title }}{% if include.demo %} demo{% endif %}">
-{% endif %}
+<div class="area overlay {{ title }} {% if display == 'block' %}{{ display }}{%- endif -%}" style="{% if include.state %} display: {{ display }}; {% endif %}">
   {% unless include.exit == 'false' %}
   <div class="exit {{ title }}"></div>
   {% endunless %}
-    <div class="wrap overlay {{ title }}{% if include.demo %} demo{% endif %}">
+    <div class="wrap overlay {{ title }} {% if display == 'block' %}{{ display }}{%- endif -%}">
       {% include html/overlay/{{ include.title }}.liquid %}
     </div>
 </div>

data/_sass/area/{_overlay.scss → overlay.scss}

@@ -12,23 +12,32 @@
   color: $gun;
   z-index: 4;
 
+  &.block {
+    @include center;
+    text-align: center;
+  }
+
   &.load {
-    @extend %grid_load;
     background-color: $smoke;
     z-index: 5;
 
-    &.demo {
+    &:not(.block) {
       @extend %grid_load;
     }
   }
 
   &.mobile {
-    @extend %grid_load;
     background-color: $smoke;
+
+    &:not(.block) {
+      @extend %grid_load;
+    }
   }
 
   &.about {
-    @extend %grid_overlay;
+    &:not(.block) {
+      @extend %grid_overlay;
+    }
 
     h4 + p, p + p {
       margin-top: 20px;
@@ -36,10 +45,14 @@
   }
 
   &.browse {
-    @extend %grid_overlay;
+    &:not(.block) {
+      @extend %grid_overlay;
+    }
   }
 
   &.search {
-    @extend %grid_search;
+    &:not(.block) {
+      @extend %grid_search;
+    }
   }
 }

data/_sass/wrap/overlay.scss

@@ -0,0 +1,48 @@
+
+.wrap.overlay {
+  position: relative;
+  z-index: 2;
+
+  &:not(.block) {
+    @extend %wrap_grid;
+    align-self: center;
+  }
+
+  &.block {
+    @include ib;
+    width: 100%;
+  }
+
+  &.load {
+    text-align: center;
+
+    &.block {
+      padding-right: 40px;
+      padding-left: 40px;
+      max-width: 400px;
+    }
+
+    .title + .box {
+      margin-top: 20px;
+    }
+  }
+
+  &.mobile {
+    text-align: center;
+    font-size: 2.1rem;
+
+    &.block {
+      padding-right: 40px;
+      padding-left: 40px;
+      max-width: 400px;
+    }
+
+    p + .box.mobile {
+      margin-top: 20px;
+    }
+  }
+
+  &.search {
+    grid-gap: 5px;
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: futuro
 version: !ruby/object:Gem::Version
-  version: 0.5.3
+  version: 0.5.4
 platform: ruby
 authors:
 - Paul Heading
@@ -160,8 +160,8 @@ files:
 - _sass/_textarea.scss
 - _sass/_title.scss
 - _sass/_wrap.scss
-- _sass/area/_overlay.scss
-- _sass/area/_topbar.scss
+- _sass/area/overlay.scss
+- _sass/area/topbar.scss
 - _sass/block/browse.scss
 - _sass/block/results.scss
 - _sass/block/util.scss
@@ -169,11 +169,11 @@ files:
 - _sass/fonts/_max.scss
 - _sass/futuro.lite.scss
 - _sass/futuro.scss
-- _sass/helpers/_extends.scss
-- _sass/helpers/_mixins.scss
-- _sass/helpers/_variables.scss
+- _sass/helpers/extends.scss
+- _sass/helpers/mixins.scss
+- _sass/helpers/variables.scss
 - _sass/title/_overlay.scss
-- _sass/wrap/_overlay.scss
+- _sass/wrap/overlay.scss
 - assets/css/fallback.jpg
 - assets/css/favicon.png
 - assets/css/styles.lite.scss

data/_sass/wrap/_overlay.scss

@@ -1,28 +0,0 @@
-
-.wrap.overlay {
-  @extend %wrap_grid;
-  align-self: center;
-  position: relative;
-  z-index: 2;
-
-  &.load {
-    text-align: center;
-
-    .title + .box {
-      margin-top: 20px;
-    }
-  }
-
-  &.mobile {
-    text-align: center;
-    font-size: 2.1rem;
-
-    p + .box.mobile {
-      margin-top: 20px;
-    }
-  }
-
-  &.search {
-    grid-gap: 5px;
-  }
-}