futuro 1.0.5 → 1.1.0

data/_sass/helpers/themes.scss

@@ -1,14 +1,15 @@
 
-// ThemeBook | $name | $col
-
-@include ThemeBook("orwell",blue);
-
-@include ThemeBook("woolf",green);
-
-// ThemeCover | $name | $col | $left | $chapter
-
-@include ThemeCover("animal",blue,false,true);
-
-// ThemePages | $name | $col | $right | $chapter
-
-@include ThemePages("animal",blue,false,true);
+$books : (
+  "orwell" : (
+    colour : "success"
+  ),
+  "woolf" : (
+    colour : "error"
+  )
+);
+
+@each $book, $map in $books {
+  @include ThemeBook ($book, map-get($map,colour));
+  @include ThemeCover ($book, false, map-get($map,colour));
+  @include ThemePages ($book, false, map-get($map,colour), map-get($map,info));
+}

data/_sass/helpers/variables.scss

@@ -1,29 +1,4 @@
 
-// https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
-
-// Function for collecting multiple maps;
-
-@function map-collect($maps...) {
-  $collection: ();
-
-  @each $map in $maps {
-    $collection: map-merge($collection, $map);
-  }
-  @return $collection;
-}
-
-// $color: map-collect($color-name, $color-event, $color-category);
-
-// Function for shorter usage of map-get();
-
-@function setcolor($scheme, $tone: base) {
-
-  @return map-get(map-get($colormap, $scheme), $tone);
-
-}
-
-// color: setcolor(brown, light);
-
 $site : (
   padding : 50px
 );
@@ -34,9 +9,22 @@ $topbar : (
 );
 
 $book : (
-  large  : 110px,
-  medium : 90px,
-  small  : 75px
+
+  large : (
+    title  : 5.6rem,
+    width  : 110px
+  ),
+
+  medium : (
+    title  : 5.6rem,
+    width  : 90px
+  ),
+
+  small : (
+    title  : 5.6rem,
+    width  : 75px
+  )
+
 );
 
 $query : (
@@ -53,191 +41,17 @@ $query : (
   min1024 : 'only screen and (min-width: 1024px)'
 );
 
-$colormap : (
-
-  level : (
-    a : #e61717,
-    b : #0099e6,
-    c : #ff8001,
-    d : #3bb300,
-    e : #8b3788,
-    f : #e60073,
-    g : #b35900,
-    y : #ffaa00,
-    l : #b8b8b8
-  ),
-
-  system : (
-    base : #6e46a0
-  ),
-
-  brand : (
-    base : #ff8200
-  ),
-
-  supply : (
-    base : #f00a0a
-  ),
-
-  demo : (
-    base : #005a9b
-  ),
-  
-  theatre : (
-    base : #019fc6
-  ),
-
-  talks : (
-    base : #ff9000
-  ),
-
-  music : (
-    base : #dc3636
-  ),
-
-  classical : (
-    base : #bf8f3a
-  ),
-
-  cinema : (
-    base : #259d31
-  ),
-
-  tours : (
-    base : #718ab2
-  ),
-
-  hire : (
-    base : #412f79, // untested
-    dark : darken(#412f79,0%), // untested
-    light  : lighten(#412f79,32%), // untested
-    xlight : lighten(#412f79,64%) // untested
-  ),
-
-  members : (
-    base : #5d91e5, // untested
-    dark : darken(#5d91e5,10%), // untested
-    light  : lighten(#5d91e5,18%), // untested
-    xlight : lighten(#5d91e5,35%) // untested
-  ),
-
-  art  : (
-    base : #f90082
-  ),
-
-  shop : (
-    base : #23D5B0, // untested
-    dark : darken(#23D5B0,0%), // untested
-    light  : lighten(#23D5B0,25%), // untested
-    xlight : lighten(#23D5B0,50%) // untested
-  ),
-
-  addicts : (
-    base : #e6433a
-  ),
-
-  family : (
-    base : #029ddf
-  ),
-
-  receptive : (
-    base : #b25400
-  ),
-
-  value : (
-    base : #5fb641
-  ),
-
-  next : (
-    base : #ffa905
-  ),
-
-  maybe : (
-    base : #974597
-  ),
-
-  paradise : (
-    base : #e8396c,
-    dark : darken(#e8396c,10%), // untested
-    light  : lighten(#e8396c,20%), // untested
-    xlight : lighten(#e8396c,40%) // untested
-  ),
-
-  artforall : (
-    base : #f9ae00
-  ),
-
-  park : (
-    base : #009640
-  ),
-
-  news : (
-    base : #009fe3
-  ),
-
-  green : (
-    base : #259d31
-  ),  
-
-  generic : (
-    base : #fe5900,
-    dark : darken(#fe5900,10%),
-    light  : lighten(#fe5900,24%),
-    xlight : lighten(#fe5900,48%)
-  ),
-
-  dodgers : (
-    base : #0092FF,
-    dark : darken(#0092FF,10%),
-    light  : lighten(#0092FF,24%),
-    xlight : lighten(#0092FF,48%)
-  ),
-
-  smoke : (
-    base   : #E6E6E6,
-    dark   : darken(#E6E6E6,10%),
-    light  : lighten(#E6E6E6,50%),
-    xlight : lighten(#E6E6E6,75%)
-  ), 
-
-  gray : (
-    base   : #CCCCCC,
-    dark   : darken(#CCCCCC,10%),
-    light  : lighten(#CCCCCC,50%),
-    xlight : lighten(#CCCCCC,75%)
-  ), 
-
-  gun : (
-    base   : #666666, // untested
-    dark   : darken(#666666,10%), // untested
-    light  : lighten(#666666,32%), // untested
-    xlight : lighten(#666666,56%) // untested
-  ), 
+$radius : 4px;
+$NavBorder : 1px solid setcolor(gray);
+$BigGap    : map-get($topbar,height) + map-get($site,padding);
+$SmallGap  : 20px;
 
-  slate : (
-    base   : #333333, // tested
-    dark   : darken(#333333,10%), // tested
-    light  : lighten(#333333,50%), // tested
-    xlight : lighten(#333333,75%) // tested
-  ), 
 
-  carbon : (
-    base   : #1A1A1A,
-    dark   : darken(#1A1A1A,10%),
-    light  : lighten(#1A1A1A,50%),
-    xlight : lighten(#1A1A1A,75%)
-  ), 
+// https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
+// function for more concise usage of map-get()
 
-  coal : (
-    base   : #0D0D0D,
-    dark   : darken(#0D0D0D,10%),
-    light  : lighten(#0D0D0D,50%),
-    xlight : lighten(#0D0D0D,75%)
-  )
+@function getbook($size, $value) {
 
-);
+  @return map-get(map-get($book, $size), $value);
 
-$radius : 4px;
-$NavBorder : 1px solid setcolor(gray);
-$BigGap    : map-get($topbar,height) + map-get($site,padding);
-$SmallGap  : 20px;
+}

data/_sass/helpers/variables/colors.scss

@@ -0,0 +1,290 @@
+
+// https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
+// function for collecting multiple sass maps
+
+@function map-collect($maps...) {
+  $collection: ();
+
+  @each $map in $maps {
+    $collection: map-merge($collection, $map);
+  }
+
+  @return $collection;
+}
+
+$ux-colors : (
+
+  generic : (
+    base : #fe5900,
+    dark : darken(#fe5900,10%),
+    light  : lighten(#fe5900,24%),
+    xlight : lighten(#fe5900,48%)
+  ),
+
+  dodgers : (
+    base : #0092FF,
+    dark : darken(#0092FF,10%),
+    light  : lighten(#0092FF,24%),
+    xlight : lighten(#0092FF,48%)
+  ),
+
+  error : (
+    base : #B94A48, // untested
+    dark : darken(#B94A48,10%), // untested
+    light  : lighten(#B94A48,23%), // untested
+    xlight : lighten(#B94A48,46%) // untested
+  ),
+
+  success : (
+    base : #468847, // untested
+    dark : darken(#468847,10%), // untested
+    light  : lighten(#468847,26%), // untested
+    xlight : lighten(#468847,52%) // untested
+  )
+
+);
+
+$tier-colors : (
+
+  level_a : (
+    base : #e61717
+  ),
+
+  level_b : (
+    base : #0099e6
+  ),
+
+  level_c : (
+    base : #ff8001
+  ),
+
+  level_d : (
+    base : #3bb300
+  ),
+
+  level_e : (
+    base : #8b3788
+  ),
+
+  level_f : (
+    base : #e60073
+  ),
+
+  level_g : (
+    base : #b35900
+  ),
+
+  level_y : (
+    base : #ffaa00
+  ),
+
+  level_l : (
+    base : #b8b8b8
+  )
+
+);
+
+$artform-colors : (
+
+  theatre : (
+    base : #019fc6
+  ),
+
+  talks : (
+    base : #ff9000
+  ),
+
+  music : (
+    base : #dc3636
+  ),
+
+  classical : (
+    base : #bf8f3a
+  ),
+
+  cinema : (
+    base : #259d31
+  ),
+
+  tours : (
+    base : #718ab2
+  ),
+
+  hire : (
+    base : #412f79, // untested
+    dark : darken(#412f79,0%), // untested
+    light  : lighten(#412f79,32%), // untested
+    xlight : lighten(#412f79,64%) // untested
+  ),
+
+  members : (
+    base : #5d91e5, // untested
+    dark : darken(#5d91e5,10%), // untested
+    light  : lighten(#5d91e5,18%), // untested
+    xlight : lighten(#5d91e5,35%) // untested
+  ),
+
+  art  : (
+    base : #f90082
+  ),
+
+  shop : (
+    base : #23D5B0, // untested
+    dark : darken(#23D5B0,0%), // untested
+    light  : lighten(#23D5B0,25%), // untested
+    xlight : lighten(#23D5B0,50%) // untested
+  )
+
+);
+
+$mindset-colors : (
+
+  addicts : (
+    base : #e6433a,
+    dark : darken(#e6433a,10%), // untested
+    light  : lighten(#e6433a,20%), // untested
+    xlight : lighten(#e6433a,40%) // untested
+  ),
+
+  family : (
+    base : #029ddf,
+    dark : darken(#029ddf,10%), // untested
+    light  : lighten(#029ddf,20%), // untested
+    xlight : lighten(#029ddf,40%) // untested
+  ),
+
+  receptive : (
+    base : #b25400,
+    dark : darken(#b25400,10%), // untested
+    light  : lighten(#b25400,20%), // untested
+    xlight : lighten(#b25400,40%) // untested
+  ),
+
+  value : (
+    base : #5fb641,
+    dark : darken(#5fb641,10%), // untested
+    light  : lighten(#5fb641,20%), // untested
+    xlight : lighten(#5fb641,40%) // untested
+  ),
+
+  next : (
+    base : #ffa905,
+    dark : darken(#ffa905,10%), // untested
+    light  : lighten(#ffa905,20%), // untested
+    xlight : lighten(#ffa905,40%) // untested
+  ),
+
+  maybe : (
+    base : #974597,
+    dark : darken(#974597,10%), // untested
+    light  : lighten(#974597,20%), // untested
+    xlight : lighten(#974597,40%) // untested
+  )
+
+);
+
+$wgp-colors : (
+
+  paradise : (
+    base : #e8396c,
+    dark : darken(#e8396c,10%), // untested
+    light  : lighten(#e8396c,20%), // untested
+    xlight : lighten(#e8396c,40%) // untested
+  ),
+
+  artforall : (
+    base : #f9ae00
+  ),
+
+  park : (
+    base : #009640
+  ),
+
+  news : (
+    base : #009fe3
+  )
+
+);
+
+$design-colors : (
+
+  system : (
+    base : #6e46a0
+  ),
+
+  brand : (
+    base : #ff8200
+  ),
+
+  supply : (
+    base : #f00a0a
+  ),
+
+  demo : (
+    base : #005a9b
+  )
+
+);
+
+$gradient-colors : (
+
+  smoke : (
+    base   : #E6E6E6,
+    dark   : darken(#E6E6E6,10%),
+    light  : lighten(#E6E6E6,50%),
+    xlight : lighten(#E6E6E6,75%)
+  ), 
+
+  gray : (
+    base   : #CCCCCC,
+    dark   : darken(#CCCCCC,10%),
+    light  : lighten(#CCCCCC,50%),
+    xlight : lighten(#CCCCCC,75%)
+  ), 
+
+  gun : (
+    base   : #666666, // untested
+    dark   : darken(#666666,10%), // untested
+    light  : lighten(#666666,32%), // untested
+    xlight : lighten(#666666,56%) // untested
+  ), 
+
+  slate : (
+    base   : #333333, // tested
+    dark   : darken(#333333,10%), // tested
+    light  : lighten(#333333,50%), // tested
+    xlight : lighten(#333333,75%) // tested
+  ), 
+
+  carbon : (
+    base   : #1A1A1A,
+    dark   : darken(#1A1A1A,10%),
+    light  : lighten(#1A1A1A,50%),
+    xlight : lighten(#1A1A1A,75%)
+  ), 
+
+  coal : (
+    base   : #0D0D0D,
+    dark   : darken(#0D0D0D,10%),
+    light  : lighten(#0D0D0D,50%),
+    xlight : lighten(#0D0D0D,75%)
+  )
+
+);
+
+$colormap : map-collect($ux-colors, 
+                        $tier-colors, 
+                        $artform-colors, 
+                        $mindset-colors, 
+                        $wgp-colors, 
+                        $design-colors, 
+                        $gradient-colors);
+
+// https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
+// function for more concise usage of map-get()
+
+@function setcolor($scheme, $tone: base) {
+
+  @return map-get(map-get($colormap, $scheme), $tone);
+
+}