futuro 0.9.6 → 0.9.7

data/_sass/_site.scss

@@ -1,13 +1,17 @@
 
 .site {
-  background-color: map-get($color,smoke);
+  background-color: setcolor(smoke);
   position: relative;
+  overflow: hidden;
   display: none;
   z-index: 1;
 }
 
 .site.home {
   @include zeros(absolute);
+  grid-auto-flow: column;
+  place-content: center;
+  grid-gap: 20px;
   height: 100%;
 }
 
@@ -17,4 +21,4 @@
 
 .site.not-home.type-empty {
   padding: 0;
-}
+}

data/_sass/area/overlay.scss

@@ -1,8 +1,8 @@
 
 @mixin AreaOverlay() {
   @include zeros;
-  background-color: rgba(map-get($color,smoke),0.95);
-  color: map-get($color,gun);
+  background-color: rgba(setcolor(smoke),0.95);
+  color: setcolor(gun);
   justify-content: center;
   overflow: scroll;
   display: none;
@@ -17,7 +17,7 @@
 
 %AreaOverlayLoad {
   @include AreaOverlay;
-  background-color: map-get($color,smoke);
+  background-color: setcolor(smoke);
   text-align: center;
   z-index: 5;
 

data/_sass/block/access.scss

@@ -9,10 +9,9 @@
 .block.access-ratio {
   border: 1px solid rgba(gray,40%);
   background-color: rgba(gray,10%);
-  color: gray;
-  padding-bottom: 9px;
-  padding-top: 11px;
   border-radius: 2px;
+  padding: 10px 0;
+  color: gray;
 
   &.best {
     border-color: rgba(green,40%);

data/_sass/block/alert.scss

@@ -1,6 +1,6 @@
 
 .block.alert-content {
-  background: map-get($color,dodgers);
+  background: setcolor(dodgers);
   padding: 12px 0 10px 20px;
   white-space: nowrap;
   display: block;

data/_sass/block/form/checkbox.scss

@@ -3,15 +3,15 @@
   @include zeros(absolute);
   left: ($radius * 4);
   cursor: pointer;
-  height: $input;
-  width: $input;
+  height: 14px;
   margin: auto;
+  width: 14px;
   right: auto;
 
   &:checked + label {
-    @include color(map-get($color,slate),100%);
-    @include border(map-get($color,slate));
-    @include bg(map-get($color,slate));
+    @include color(setcolor(slate),100%);
+    @include border(setcolor(slate));
+    @include bg(setcolor(slate));
   }
 }
 

data/_sass/block/form/header.scss

@@ -1,6 +1,6 @@
 
 .block.header {
-  background-color: map-get($color,slate);
+  background-color: setcolor(slate);
   letter-spacing: 0;
   font-size: 1.6rem;
   color: white;

data/_sass/block/form/item.scss

@@ -3,7 +3,7 @@
   margin-top: 0;
 
   .block.item-object {
-    border-top: 1px solid rgba(map-get($color,slate),20%);
+    border-top: 1px solid rgba(setcolor(slate),20%);
   }
 }
 

data/_sass/block/form/legend.scss

@@ -20,7 +20,7 @@
   }
 
   + .block.legend-row:not(.button-row) {
-    border-top: 1px solid rgba(map-get($color,slate),20%);
+    border-top: 1px solid rgba(setcolor(slate),20%);
   }
 }
 
@@ -50,7 +50,7 @@
 }
 
 .block.legend-item-dot {
-  background-color: map-get($color,gray);
+  background-color: setcolor(gray);
   height: ($radius * 3);
   width: ($radius * 3);
   border-radius: 50%;

data/_sass/block/form/password.scss

@@ -13,7 +13,7 @@
 }
 
 .block.password-bg {
-  @include bg(map-get($color,slate));
+  @include bg(setcolor(slate));
   border-radius: 0 ($radius * 1.5) ($radius * 1.5) 0;
   height: ($radius * 3);
 }

data/_sass/block/form/select.scss

@@ -1,38 +1,4 @@
 
-// .jcf-select {
-//   position: relative;
-//   overflow: hidden;
-//   display: block;
-//   height: $line;
-//
-//   @media#{map-get($query,min768)} {
-//     @include ib;
-//   }
-//
-//   select {
-//     z-index: 1;
-//     left: 0;
-//     top: 0;
-//   }
-//
-//   .jcf-select-text {
-//     text-overflow: ellipsis;
-//     padding: 8px 10px 3px;
-//     white-space: nowrap;
-//     overflow: hidden;
-//     display: block;
-//   }
-//
-//   .jcf-select-opener {
-//     @include zeros(absolute);
-//     background: url("/assets/img/arrow_drop_down-24px.svg") no-repeat center lighten(map-get($color,slate),65%);
-//     border-left: 1px solid lighten(map-get($color,slate),50%);
-//     text-align: center;
-//     width: $line;
-//     left: auto;
-//   }
-// }
-
 select {
   @include color($tint:80%);
   @include borderRad;

data/_sass/block/form/title.scss

@@ -1,7 +1,7 @@
 
 .block.title {
   @extend %bold;
-  @include bg(map-get($color,slate));
+  @include bg(setcolor(slate));
   @include padding;
   border-left: $radius solid;
   display: block;

data/_sass/block/navigation.scss

@@ -3,7 +3,7 @@
   cursor: pointer;
 
   svg {
-    fill: map-get($color,gray);
+    fill: setcolor(gray);
   }
 }
 

data/_sass/block/page.scss

@@ -1,7 +1,7 @@
 
 .block.page-crumbs {
-  color: map-get($color,gray);
-  fill: map-get($color,gray);
+  color: setcolor(gray);
+  fill: setcolor(gray);
   justify-content: start;
   grid-auto-flow: column;
   align-items: center;
@@ -16,7 +16,7 @@
 }
 
 .block.page-container {
-  border-bottom: 1px solid lighten(map-get($color,generic),43%);
+  border-bottom: 1px solid lighten(setcolor(generic),43%);
   padding-right: 20px;
   padding-left: 20px;
 
@@ -27,6 +27,6 @@
 }
 
 .block.page-content {
-  background-color: lighten(map-get($color,generic),47%);
+  background-color: lighten(setcolor(generic),47%);
   height: 100px;
 }

data/_sass/block/results.scss

@@ -28,7 +28,7 @@
 }
 
 .block.results-dot {
-  background-color: map-get($color,gun);
+  background-color: setcolor(gun);
   border-radius: 50%;
   position: relative;
   height: 15px;

data/_sass/block/util.scss

@@ -1,16 +1,16 @@
 
-.block.util {
-  grid-auto-rows: min-content;
-  grid-row-gap: 6px;
-  display: grid;
-  fill: map-get($color,coal);
-}
-
-.block.util.type-page {
+// .block.util {
+//   grid-auto-rows: min-content;
+//   grid-row-gap: 6px;
+//   display: grid;
+//   fill: setcolor(coal);
+// }
+
+.block.util.type-page.style-page {
   @extend %ContentPrep;
 }
 
-.block.util.type-chapter {
+.block.util.type-chapter.style-page {
   position: absolute;
   bottom: 56px;
   right: 56px;
@@ -24,10 +24,15 @@
 .block.util-share.type-chapter {
   justify-content: flex-end;
   direction: rtl;
+}
+
+.block.util-share.type-chapter h5 {
+  direction: ltr;
+}
 
-  h5 {
-    direction: ltr;
-  }
+.block.util-share.style-docs svg {
+  height: 30px;
+  width: 30px;
 }
 
 .block.util-url {

data/_sass/futuro.core.scss

@@ -108,11 +108,37 @@
 "list",
 "link",
 "site",
-"slick",
 "split",
 "task";
 
 .screen-wrap .header {
   position: relative;
   z-index: 2;
+}
+
+.wrap.title-wrap {
+  grid-template-columns: auto 70px;
+  align-items: center;
+  display: grid;
+}
+
+.wrap.title-wrap.type-page {
+  border-bottom: 1px solid setcolor(gun);
+  padding-bottom: 10px;
+}
+
+.util-share.type-chapter {
+  fill: white;
+}
+
+.util-share.type-chapter:hover {
+  fill: darken(white,10%);
+}
+
+.util-share.type-page {
+  fill: setcolor(smoke);
+}
+
+.util-share.type-page:hover {
+  fill: darken(setcolor(smoke),10%);
 }

data/_sass/helpers/extends.scss

@@ -26,25 +26,25 @@
 
 // PATTERNS IMPORT ************************************************************
 
-%jcf-box {
-  @include ib;
-  @include bg(map-get($color,slate));
-  @include border(map-get($color,slate));
-  position: relative;
-  height: 16px;
-  width: 16px;
-
-  &.jcf-checked span {
-    display: block;
-  }
-
-  span {
-    @include zeros(absolute,3px);
-    background-color: map-get($color,slate);
-    cursor: pointer;
-    display: none;
-  }
-}
+// %jcf-box {
+//   @include ib;
+//   @include bg(setcolor(slate));
+//   @include border(setcolor(slate));
+//   position: relative;
+//   height: 16px;
+//   width: 16px;
+
+//   &.jcf-checked span {
+//     display: block;
+//   }
+
+//   span {
+//     @include zeros(absolute,3px);
+//     background-color: setcolor(slate);
+//     cursor: pointer;
+//     display: none;
+//   }
+// }
 
 %smallstyle {
   @include ib;

data/_sass/helpers/extends/layout.scss

@@ -28,5 +28,5 @@
 
 %TitleBrowse {
   padding: 8px 10px 6px 10px;
-  border-bottom: 2px solid map-get($color,gun);
+  border-bottom: 2px solid setcolor(gun);
 }

data/_sass/helpers/mixins/items.scss

@@ -1,27 +1,27 @@
 
 @mixin SolidBtn($name : slate) {
-  background: map-get($color,$name);
+  background: setcolor($name);
 
   &:hover {
-    background: darken(map-get($color,$name),3%);
+    background: darken(setcolor($name),3%);
   }
 }
 
 @mixin OutlineBtn($name : slate) {
-  border: 1px solid map-get($color,$name);
-  fill: map-get($color,$name);
+  border: 1px solid setcolor($name);
+  fill: setcolor($name);
   background: transparent;
 
   &:hover {
-    background: rgba(map-get($color,$name),12%);
+    background: rgba(setcolor($name),12%);
   }
 
   button {
-    color: map-get($color,$name);
+    color: setcolor($name);
   }
 
   &.active {
-    background: map-get($color,$name);
+    background: setcolor($name);
     transition: 300ms background;
     fill: white;
 
@@ -32,11 +32,11 @@
 }
 
 @mixin InactiveBtn($name : gun) {
-  border: 1px solid lighten(map-get($color,$name),35%);
-  background: lighten(map-get($color,$name),55%);
-  fill: map-get($color,$name);
+  border: 1px solid lighten(setcolor($name),35%);
+  background: lighten(setcolor($name),55%);
+  fill: setcolor($name);
 
   button {
-    color: map-get($color,$name);
+    color: setcolor($name);
   }
 }

data/_sass/helpers/mixins/patterns.scss

@@ -6,11 +6,11 @@
   display: grid;
 }
 
-@mixin border( $col : map-get($color,slate), $tint : 50% ) {
+@mixin border( $col : setcolor(slate), $tint : 50% ) {
   border: 1px solid rgba( $col, $tint );
 }
 
-@mixin borderCol( $col : map-get($color,slate), $tint : 50% ) {
+@mixin borderCol( $col : setcolor(slate), $tint : 50% ) {
   border-color: rgba( $col, $tint );
 }
 
@@ -18,11 +18,11 @@
   border-radius: $calc;
 }
 
-@mixin color( $col : map-get($color,slate), $tint : 50% ) {
+@mixin color( $col : setcolor(slate), $tint : 50% ) {
   color: rgba( $col, $tint );
 }
 
-@mixin bg( $col : map-get($color,slate), $tint : 5% ) {
+@mixin bg( $col : setcolor(slate), $tint : 5% ) {
   background: rgba( $col, $tint );
 }