futuro 0.2.2 → 0.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aeb438d8757c0e4f43088dbbe91dd3df5e605f05c06c0f557f4a5bd1af110ac3
-  data.tar.gz: 020eae905fef9e3e74e1af146e191f6ccefeb35979f229fd12f1b1d508919ef1
+  metadata.gz: 51b7f07aa26ec4145353d68017fb407d49c40cfa4217024602201c4f13a30ddd
+  data.tar.gz: f342b30a44720a8dadc265ff429b58767d4b65ebc5b2051bda15ba8995b4c75d
 SHA512:
-  metadata.gz: 8122b8394ae03031ca3d9e2fec87b4772be510153696f8f5b6661544f505261788e8b279c8b006f47dc1a5cd74e97d99f13d40118593abd5ebe0b53d1853d3cb
-  data.tar.gz: 2c74b0ef4191cfbed89840061ff9e597f95abd9b100c81a1c60a892bba4cac874a5c65e66ee6e8e44796f0319cdd23d168edbeb03a94caf858c05a76c16ef83f
+  metadata.gz: f0fb9e89e79b30872ead73da5d248397bd1844ff7b9e3e7e66ae067b6dc331e5e921543606c3cc1f6bed82662de0420d5cf6808ef19e00aae132ae1822851a76
+  data.tar.gz: 30a901a7cc2e7f7a6c7b9d7835351f80a0384d01a17958dc1723876bfe1656c2ff35477cf2cce52cc10efbf36b57e9cdec0529814fcae55a21767c045799c0f7

data/_sass/_box.scss

@@ -4,5 +4,6 @@
     animation: load_border 1s steps(1) infinite;
     border: 3px solid;
     border-color: red;
+    max-width: 320px;
   }
 }

data/_sass/_helpers.scss

@@ -0,0 +1,160 @@
+
+$system : rgb(110,70,160);
+$brand  : rgb(255,130,0);
+$supply : rgb(240,10,10);
+$demo   : rgb(0,90,155);
+
+$generic    : #fe5900;
+$theatre    : #019fc6;
+$talks      : #ff9000;
+$music      : #dc3636;
+$classical  : #bf8f3a;
+$cinema     : #259d31;
+$tours      : #718ab2;
+$hire       : #412f79;
+$membership : #5d91e5;
+$art        : #f90082;
+
+$smoke  : darken(white,7%);
+$gray   : darken(white,25%);
+$gun    : darken(white,60%);
+$carbon : lighten(black,10%);
+$coal   : lighten(black,5%);
+
+$min640w  : 'only screen and (min-width: 640px)';
+$min768w  : 'only screen and (min-width: 768px)';
+$min1024w : 'only screen and (min-width: 1024px)';
+
+
+@mixin zero($b:0,$r:0,$l:0,$t:0) {
+  bottom: $b;
+  right: $r;
+  left: $l;
+  top: $t;
+}
+
+@mixin center() {
+  &:before {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: -0.25em;
+    height: 100%;
+    content: '';
+  }
+}
+
+@mixin ib() {
+  vertical-align: middle;
+  display: inline-block;
+  max-width: 90%;
+}
+
+@mixin cf {
+  &:before {
+    content: " ";
+    display: table;
+  }
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+}
+
+@keyframes load_bg {
+  33% {
+    background-color: blue;
+    width: 43%;
+  }
+  66% {
+    background-color: black;
+    width: 93%;
+  }
+}
+
+@keyframes load_title {
+  33% {
+    text-transform: none;
+    font-size: 44px;
+    color: blue;
+  }
+  66% {
+    font-family: $book;
+    font-style: italic;
+    font-size: 54px;
+    color: black;
+  }
+}
+
+@keyframes load_border {
+  33% {
+    border-color: blue;
+  }
+  66% {
+    border-color: black;
+  }
+}
+
+
+%area_grid {
+  justify-content: center;
+  display: grid;
+}
+
+%grid {
+
+  &_default {
+    grid-template-columns: 40px minmax(240px,1000px) 40px;
+  }
+
+  &_overlay {
+    grid-template-columns: 40px minmax(240px,560px) 40px;
+  }
+
+  &_load {
+    grid-template-columns: 40px minmax(240px,320px) 40px;
+  }
+}
+
+%overlay {
+  display: none;
+
+  &_grid {
+    justify-content: center;
+
+    &.--open {
+      display: grid;
+    }
+  }
+
+  &_block {
+    text-align: center;
+    @include center();
+
+    &.--open {
+      display: block;
+    }
+  }
+}
+
+%wrap {
+
+  &_grid {
+    grid-column: 2 / 3;
+    display: grid;
+  }
+
+  &_block {
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  &_overlay {
+    min-width: 240px;
+    @include ib;
+  }
+}
+
+:focus {
+  outline: rgba(0,0,0,0);
+}

data/_sass/_title.scss

@@ -5,6 +5,7 @@
     text-transform: uppercase;
     padding-bottom: 20px;
     text-align: center;
+    max-width: 320px;
     font-size: 48px;
     color: red;
   }

data/_sass/futuro.scss

@@ -2,10 +2,8 @@
 @charset 'utf-8';
 
 @import
-'vars',
 'fonts',
-'mixins',
-'extends',
+'helpers',
 'base',
 'area',
 'bar',

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: futuro
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.2.3
 platform: ruby
 authors:
 - Paul Heading
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-05-27 00:00:00.000000000 Z
+date: 2019-06-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -104,17 +104,15 @@ files:
 - _sass/_box.scss
 - _sass/_btn.scss
 - _sass/_exit.scss
-- _sass/_extends.scss
 - _sass/_fonts.scss
 - _sass/_form.scss
+- _sass/_helpers.scss
 - _sass/_input.scss
-- _sass/_mixins.scss
 - _sass/_overlay.scss
 - _sass/_site.scss
 - _sass/_task.scss
 - _sass/_textarea.scss
 - _sass/_title.scss
-- _sass/_vars.scss
 - _sass/_wrap.scss
 - _sass/futuro.scss
 - assets/art/favicon.psd
@@ -168,7 +166,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
+rubygems_version: 3.0.1
 signing_key: 
 specification_version: 4
 summary: Private theme for Paul Heading

data/_sass/_extends.scss

@@ -1,63 +0,0 @@
-
-%area_grid {
-  justify-content: center;
-  display: grid;
-}
-
-%grid {
-
-  &_default {
-    grid-template-columns: 40px minmax(240px,1000px) 40px;
-  }
-
-  &_load {
-    grid-template-columns: 40px minmax(240px,320px) 40px;
-  }
-
-  &_overlay {
-    grid-template-columns: 40px minmax(240px,560px) 40px;
-  }
-}
-
-%overlay {
-  display: none;
-
-  &_grid {
-    justify-content: center;
-
-    &.--open {
-      display: grid;
-    }
-  }
-
-  &_block {
-    text-align: center;
-    @include center();
-
-    &.--open {
-      display: block;
-    }
-  }
-}
-
-%wrap {
-
-  &_grid {
-    grid-column: 2 / 3;
-    display: grid;
-  }
-
-  &_block {
-    margin-right: auto;
-    margin-left: auto;
-  }
-
-  &_overlay {
-    min-width: 240px;
-    @include ib;
-  }
-}
-
-:focus {
-  outline: rgba(0,0,0,0);
-}

data/_sass/_mixins.scss

@@ -1,69 +0,0 @@
-
-@mixin zero($b:0,$r:0,$l:0,$t:0) {
-  bottom: $b;
-  right: $r;
-  left: $l;
-  top: $t;
-}
-
-@mixin center() {
-  &:before {
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: -0.25em;
-    height: 100%;
-    content: '';
-  }
-}
-
-@mixin ib() {
-  vertical-align: middle;
-  display: inline-block;
-  max-width: 90%;
-}
-
-@mixin cf {
-  &:before {
-    content: " ";
-    display: table;
-  }
-  &:after {
-    content: " ";
-    display: table;
-    clear: both;
-  }
-}
-
-@keyframes load_bg {
-  33% {
-    background-color: blue;
-    width: 43%;
-  }
-  66% {
-    background-color: black;
-    width: 93%;
-  }
-}
-
-@keyframes load_title {
-  33% {
-    text-transform: none;
-    font-size: 44px;
-    color: blue;
-  }
-  66% {
-    font-family: $book;
-    font-style: italic;
-    font-size: 54px;
-    color: black;
-  }
-}
-
-@keyframes load_border {
-  33% {
-    border-color: blue;
-  }
-  66% {
-    border-color: black;
-  }
-}

data/_sass/_vars.scss

@@ -1,26 +0,0 @@
-
-$system : rgb(110,70,160);
-$brand  : rgb(255,130,0);
-$supply : rgb(240,10,10);
-$demo   : rgb(0,90,155);
-
-$generic    : #fe5900;
-$theatre    : #019fc6;
-$talks      : #ff9000;
-$music      : #dc3636;
-$classical  : #bf8f3a;
-$cinema     : #259d31;
-$tours      : #718ab2;
-$hire       : #412f79;
-$membership : #5d91e5;
-$art        : #f90082;
-
-$smoke  : darken(white,7%);
-$gray   : darken(white,25%);
-$gun    : darken(white,60%);
-$carbon : lighten(black,10%);
-$coal   : lighten(black,5%);
-
-$min640w  : 'only screen and (min-width: 640px)';
-$min768w  : 'only screen and (min-width: 768px)';
-$min1024w : 'only screen and (min-width: 1024px)';