// 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 ); $topbar : ( height : 60px, padding : 15px ); $book : ( large : 110px, medium : 90px, small : 75px ); $query : ( min440 : 'only screen and (min-width: 440px)', max599 : 'only screen and (max-width: 599px)', min600 : 'only screen and (min-width: 600px)', max639 : 'only screen and (max-width: 639px)', min640 : 'only screen and (min-width: 640px)', min700 : 'only screen and (min-width: 700px)', max767 : 'only screen and (max-width: 767px)', min768 : 'only screen and (min-width: 768px)', max839 : 'only screen and (max-width: 839px)', min840 : 'only screen and (min-width: 840px)', 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 ), 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%) ) ); $radius : 4px; $NavBorder : 1px solid setcolor(gray); $BigGap : map-get($topbar,height) + map-get($site,padding); $SmallGap : 20px;