futuro 0.6.9 → 0.7.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/html/footer/scripts.liquid +2 -2
- data/_includes/html/head/scripts.liquid +2 -2
- data/_includes/html/page/layout/custom.liquid +31 -2
- data/_includes/html/page/topbar.liquid +14 -10
- data/_sass/_base.scss +5 -0
- data/_sass/_button.scss +67 -0
- data/_sass/_lnk.scss +1 -1
- data/_sass/_title.scss +0 -1
- data/_sass/area/page.scss +4 -0
- data/_sass/futuro.core.scss +5 -7
- data/_sass/helpers/extends.scss +10 -0
- data/_sass/helpers/mixins/mindsets.scss +70 -0
- data/_sass/helpers/mixins/patterns.scss +31 -0
- data/_sass/helpers/mixins/theme.scss +328 -0
- data/_sass/helpers/mixins.scss +0 -133
- data/_sass/helpers/variables/patterns.scss +10 -0
- data/_sass/helpers/variables.scss +1 -0
- data/assets/js/footer/custom/ActiveBook.js +0 -1
- data/assets/js/footer/custom/SwitchButton.js +84 -0
- data/assets/js/futuro.footer.custom.js +1 -1
- data/assets/js/futuro.header.custom.js +1 -1
- data/assets/js/header/custom/Color.js +2 -1
- data/assets/js/header/custom/Site.js +1 -1
- metadata +8 -9
- data/_sass/_btn.scss +0 -22
- data/_sass/helpers/mixins/cover.scss +0 -13
- data/_sass/helpers/mixins/pages.scss +0 -65
- data/_sass/helpers/mixins/pies.scss +0 -10
- data/_sass/helpers/mixins/roller.scss +0 -20
- data/_sass/helpers/mixins/search.scss +0 -17
- data/_sass/helpers/mixins/value.scss +0 -135
data/_sass/helpers/mixins.scss
CHANGED
@@ -43,136 +43,3 @@
|
|
43
43
|
transform: rotate($deg);
|
44
44
|
position: absolute;
|
45
45
|
}
|
46
|
-
|
47
|
-
@mixin ThemeBook($name,$col) {
|
48
|
-
|
49
|
-
// Home Books
|
50
|
-
|
51
|
-
.wrap.book.#{$name} {
|
52
|
-
background-color: $col;
|
53
|
-
|
54
|
-
svg {
|
55
|
-
fill: white;
|
56
|
-
}
|
57
|
-
}
|
58
|
-
|
59
|
-
// Topbar Links
|
60
|
-
|
61
|
-
.btn.nav-book.#{$name} {
|
62
|
-
&:hover {
|
63
|
-
background-color: rgba($col,10%);
|
64
|
-
}
|
65
|
-
}
|
66
|
-
|
67
|
-
.lnk.nav.#{$name} {
|
68
|
-
color: $col;
|
69
|
-
}
|
70
|
-
|
71
|
-
// Chapter Covers
|
72
|
-
|
73
|
-
.area.type-chapter.book-#{$name} {
|
74
|
-
background-color: $col;
|
75
|
-
}
|
76
|
-
|
77
|
-
// Search Results
|
78
|
-
|
79
|
-
.block.results-entry.book-#{$name} {
|
80
|
-
color: $col;
|
81
|
-
|
82
|
-
&:hover {
|
83
|
-
background-color: rgba($col,10%);
|
84
|
-
}
|
85
|
-
|
86
|
-
.block.results-dot {
|
87
|
-
background-color: $col;
|
88
|
-
}
|
89
|
-
}
|
90
|
-
}
|
91
|
-
|
92
|
-
// MINDSETS IMPORT ************************************************************
|
93
|
-
|
94
|
-
@mixin background($col) {
|
95
|
-
svg#background {
|
96
|
-
fill: $col;
|
97
|
-
}
|
98
|
-
|
99
|
-
svg#tickets {
|
100
|
-
g.number path {
|
101
|
-
fill: $col;
|
102
|
-
}
|
103
|
-
path.bar {
|
104
|
-
stroke: $col !important;
|
105
|
-
}
|
106
|
-
}
|
107
|
-
|
108
|
-
.title._animate {
|
109
|
-
opacity: 0.4;
|
110
|
-
color: $col;
|
111
|
-
}
|
112
|
-
}
|
113
|
-
|
114
|
-
|
115
|
-
@mixin chunk($col) {
|
116
|
-
path {
|
117
|
-
fill: $col;
|
118
|
-
}
|
119
|
-
.title {
|
120
|
-
color: $col;
|
121
|
-
}
|
122
|
-
}
|
123
|
-
|
124
|
-
@mixin grid($rep) {
|
125
|
-
grid-template-columns: repeat($rep,1fr);
|
126
|
-
display: grid;
|
127
|
-
}
|
128
|
-
|
129
|
-
|
130
|
-
@mixin rollover($type) {
|
131
|
-
|
132
|
-
.list {
|
133
|
-
&._text {
|
134
|
-
&-roller {
|
135
|
-
border-color: white;
|
136
|
-
}
|
137
|
-
&-output {
|
138
|
-
border-color: rgba($type,0.2);
|
139
|
-
}
|
140
|
-
}
|
141
|
-
}
|
142
|
-
|
143
|
-
.item {
|
144
|
-
&._text {
|
145
|
-
&-roller {
|
146
|
-
background-color: rgba($type,0.1);
|
147
|
-
border-color: white;
|
148
|
-
color: $type;
|
149
|
-
|
150
|
-
&.active {
|
151
|
-
background-color: $type;
|
152
|
-
color: white;
|
153
|
-
}
|
154
|
-
}
|
155
|
-
&-output {
|
156
|
-
background-color: rgba($type,0.1);
|
157
|
-
border-color: rgba($type,0.2);
|
158
|
-
color: $type;
|
159
|
-
}
|
160
|
-
}
|
161
|
-
}
|
162
|
-
}
|
163
|
-
|
164
|
-
@mixin theme_roller($type) {
|
165
|
-
background-color: rgba($type,0.1);
|
166
|
-
color: $type;
|
167
|
-
|
168
|
-
&.active {
|
169
|
-
background-color: $type;
|
170
|
-
color: white;
|
171
|
-
}
|
172
|
-
}
|
173
|
-
|
174
|
-
@mixin theme_output($type) {
|
175
|
-
background-color: rgba($type,0.1);
|
176
|
-
border-color: rgba($type,0.2);
|
177
|
-
color: $type;
|
178
|
-
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
|
2
|
+
$max639 : "only screen and (max-width: 639px)";
|
3
|
+
$min640 : "only screen and (min-width: 640px)";
|
4
|
+
|
5
|
+
$max839 : "only screen and (max-width: 839px)";
|
6
|
+
$min840 : "only screen and (min-width: 840px)";
|
7
|
+
|
8
|
+
$radius : 4px;
|
9
|
+
$line : ($radius * 6);
|
10
|
+
$input : 14px;
|
@@ -0,0 +1,84 @@
|
|
1
|
+
|
2
|
+
let Confirm = {
|
3
|
+
target : ".button-wrap.switch-button",
|
4
|
+
lock : false
|
5
|
+
};
|
6
|
+
|
7
|
+
const ButtonConfirm = (e,type) => {
|
8
|
+
let text = $(e.target),
|
9
|
+
bg = text.siblings(".button-bg"),
|
10
|
+
btn = text.parent(),
|
11
|
+
all = [text,btn,bg];
|
12
|
+
|
13
|
+
let Text = {
|
14
|
+
dis : {
|
15
|
+
before : $(btn).siblings(".before"),
|
16
|
+
after : $(btn).siblings(".after")
|
17
|
+
},
|
18
|
+
dat : {
|
19
|
+
before : $(btn).parent().siblings().children(".before"),
|
20
|
+
after : $(btn).parent().siblings().children(".after")
|
21
|
+
}
|
22
|
+
};
|
23
|
+
|
24
|
+
if (!Confirm.lock) {
|
25
|
+
|
26
|
+
if (type == 'down') {
|
27
|
+
gsap.set([btn,bg],{
|
28
|
+
scale : 0.95
|
29
|
+
});
|
30
|
+
}
|
31
|
+
|
32
|
+
else if (type == 'up') {
|
33
|
+
|
34
|
+
let tl = gsap.timeline(),
|
35
|
+
swap = gsap.timeline();
|
36
|
+
|
37
|
+
swap
|
38
|
+
.to([Text.dis.before,Text.dat.before],{
|
39
|
+
duration : 0.2,
|
40
|
+
opacity : 0
|
41
|
+
})
|
42
|
+
.set([Text.dis.before,Text.dat.before],{
|
43
|
+
display : "none",
|
44
|
+
delay : 0.2
|
45
|
+
})
|
46
|
+
.set([Text.dis.after,Text.dat.after],{
|
47
|
+
display : "block"
|
48
|
+
});
|
49
|
+
|
50
|
+
tl
|
51
|
+
.call(()=>{
|
52
|
+
Confirm.lock = true;
|
53
|
+
})
|
54
|
+
.set(all,{
|
55
|
+
clearProps : "all"
|
56
|
+
})
|
57
|
+
.set([btn,bg],{
|
58
|
+
backgroundColor : Color.green
|
59
|
+
})
|
60
|
+
.to(bg,{
|
61
|
+
duration : 0.5,
|
62
|
+
scaleX : 1.2,
|
63
|
+
scaleY : 1.3,
|
64
|
+
opacity : 0
|
65
|
+
})
|
66
|
+
.set(all,{
|
67
|
+
clearProps : "all",
|
68
|
+
delay : 1
|
69
|
+
})
|
70
|
+
.call(()=>{
|
71
|
+
Confirm.lock = false;
|
72
|
+
})
|
73
|
+
;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
}
|
77
|
+
|
78
|
+
$(Confirm.target)
|
79
|
+
.mousedown(function(e) {
|
80
|
+
ButtonConfirm(e,'down');
|
81
|
+
})
|
82
|
+
.mouseup(function(e) {
|
83
|
+
ButtonConfirm(e,'up');
|
84
|
+
});
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";var BrowseScreen,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller;"theme"!=Config.install&&((BrowseScreen=Overlay.custom[1]).data=$(BrowseScreen.chapter.col).children(BrowseScreen.chunk).children().length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,o=Site.desktop.width-e+"px",t=100/Site.desktop.width*e+"%";$(".width").html(o),gsap.set(Overlay.mobile.bar,{width:t})},CheckWidth=function(){Site.desktop.active?(gsap.set(Overlay.mobile.screen,{clearProps:"display"}),gsap.set(site,{display:Config.display})):(gsap.set(site,{clearProps:"display"}),gsap.set(Overlay.mobile.screen,{display:Config.display}),PrintWidth())};Config.respond||($(CheckWidth),$(window).resize(CheckWidth));var ActiveBook=function(){if(!$(body).hasClass("type-home")){var e=$(body)[0].classList,t=
|
1
|
+
"use strict";var BrowseScreen,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller;"theme"!=Config.install&&((BrowseScreen=Overlay.custom[1]).data=$(BrowseScreen.chapter.col).children(BrowseScreen.chunk).children().length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,o=Site.desktop.width-e+"px",t=100/Site.desktop.width*e+"%";$(".width").html(o),gsap.set(Overlay.mobile.bar,{width:t})},CheckWidth=function(){Site.desktop.active?(gsap.set(Overlay.mobile.screen,{clearProps:"display"}),gsap.set(site,{display:Config.display})):(gsap.set(site,{clearProps:"display"}),gsap.set(Overlay.mobile.screen,{display:Config.display}),PrintWidth())};Config.respond||($(CheckWidth),$(window).resize(CheckWidth));var ActiveBook=function(){if(!$(body).hasClass("type-home")){var e=$(body)[0].classList,t="";$(e).each(function(e,o){o.startsWith("book-")&&(t=o.slice(5),gsap.set(Site.topbar.lnk+"."+t,{borderBottom:"3px solid"}))})}};$(function(){"theme"!=Config.install&&$(ActiveBook)});var ExpandBlock=function(e){var o=$(e.target),t=o.parent().siblings(Site.page.artwork).children(Site.code.wrap);"none"==t.css("display")?(gsap.set(t,{display:Config.display}),gsap.set(o,{text:"Hide"})):(gsap.set(t,{clearProps:"display"}),gsap.set(o,{text:"Show"}))};"docs"==Config.style&&$(Site.code.expand).click(function(e){ExpandBlock(e)});var ChangeScreen=function(e,o,t){"close"==t?(gsap.set(body,{clearProps:"overflow"}),gsap.set(".overlay."+Overlay.custom[e].name,{clearProps:"display"}),Overlay.custom[e].open=!1):(gsap.set(body,{overflow:"hidden"}),gsap.set(".overlay."+Overlay.custom[e].name,{display:Config.display}),Overlay.custom[e].open=!0)},BuildScreens=function(e,o){var t=".btn.nav.".concat(o.name),n=".exit.".concat(o.name);$(t).click(function(){ChangeScreen(e,o,"open")}),$(n).click(function(){ChangeScreen(e,o,"close")})},KeyUp=function(t){27==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[e].open&&ChangeScreen(e,o,"close")}),65==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[0].open||(ChangeScreen(0,o,"open"),console.log(t.keyCode))}),66==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[1].open||ChangeScreen(1,o,"open")}),83==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[2].open||ChangeScreen(2,o,"open")})};$(function(){$(Overlay.custom).each(function(e,o){BuildScreens(e,o)})}),$(document).keyup(function(e){Site.focus||KeyUp(e)});var ScrollerUpdate=function(){var e=$(Site.scroll.lnk);1<e.length&&e.each(function(){var e=$(this)[0].classList[2],o=gsap.to(Site.scroll.lnk+"."+e,{duration:.1,opacity:1});new ScrollMagic.Scene({triggerElement:"#"+e}).setTween(o).addTo(controller)})},ScrollFunc=function(){var n="<div class='block scroller'><div class='wrap scroller'>";$(Site.chapter.target).each(function(e,o){var t=$(o)[0].children[0].id;0==e?n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'" style=""><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,5l9,14H4L13,5z"/></svg></a>'):e==$(Site.chapter.target).length-1?n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,21L4,7h18L13,21z"/></svg></a>'):n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><circle cx="13" cy="13" r="9"/></svg></a>')}),n+="</div></div>",$(site).append(n),ScrollerUpdate(),SmoothScroll()};$(function(){"theme"!=Config.install&&1<$(Site.chapter.target).length&&ScrollFunc()});var SetupHome=function(){$(body).hasClass("type-home")&&(gsap.timeline({repeat:-1,yoyo:!0,defaults:{ease:"sine.inOut"}}).fromTo(".area.book",{y:-5},{duration:1,y:5}),$(".wrap.home").slick(Config.slick),$(".wrap.book").hover(function(){gsap.to(this,{duration:.1,y:-20})},function(){gsap.to(this,{duration:.1,y:0})}))};"library"==Config.install&&$(SetupHome);var isLibraryHome="library"==Config.install&&$(body).hasClass("type-home"),SiteFunc=function(){Config.respond?isLibraryHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display}):Site.mobile.active||(isLibraryHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display})),setTimeout(function(){gsap.set(Overlay.load.screen,{clearProps:"display"}),SiteTl.pause()},1e3)};$(SiteFunc),$(window).resize(SiteFunc);var SmoothScroll=function(){$('a[href*="#"]').not('[href="#"]').not('[href="#0"]').click(function(e){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var o=$(this.hash);(o=o.length?o:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:o.offset().top},500,function(){var e=$(o);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})};$(SmoothScroll);var SplitCode=function(){$(Site.code.page).each(function(e,o){$(Site.code.scss,this);var t=$(Site.code.html,this),n=t.html();t.text(n)})};"docs"==Config.style&&$(SplitCode);var StartBrowse=function(){var e=$(".block.browse-lnk",BrowseScreen.book.col)[0],o=$(".block.browse-chunk",BrowseScreen.chapter.col)[0],t=$(".block.browse-chunk",BrowseScreen.page.col)[0],n=$(t)[0].children[0],r=$(e)[0].children[0],a=$(o)[0].children[0].children[0],s=$(n)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([o,t,n],{display:"block"}).set([r,a,s],{backgroundColor:shade})},HoverBook=function(e){var o=$(e.target)[0].classList[2].slice(5),t=$(BrowseScreen.chunk+"."+o,BrowseScreen.chapter.col),n=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),r=$(n)[0].children[0],a=$(t)[0].children[0].children[0],s=$(r)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([t,n,r],{display:"block"}).set([BrowseScreen.book.lnk,BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),a,s],{backgroundColor:shade})},HoverChap=function(e){var o=$(e.target)[0].classList[2].slice(5),t=$(e.target)[0].classList[3].slice(8),n=$(BrowseScreen.chunk+"."+o,BrowseScreen.chapter.col),r=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),a=$(BrowseScreen.chunk+"."+t,r),s=$(a)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([n,r,a],{display:"block"}).set([BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),s],{backgroundColor:shade})},HoverPage=function(e){gsap.timeline().set(BrowseScreen.page.lnk,{clearProps:"backgroundColor"}).set($(e.target),{backgroundColor:shade})};"theme"!=Config.install&&$(function(){$(body).hasClass("type-home")||0<BrowseScreen.data&&(StartBrowse(),$(BrowseScreen.book.lnk).hover(function(e){HoverBook(e)}),$(BrowseScreen.chapter.lnk).hover(function(e){HoverChap(e)}),$(BrowseScreen.page.lnk).hover(function(e){HoverPage(e)}))});var Confirm={target:".button-wrap.switch-button",lock:!1},ButtonConfirm=function(e,o){var t=$(e.target),n=t.siblings(".button-bg"),r=t.parent(),a=[t,r,n],s={dis:{before:$(r).siblings(".before"),after:$(r).siblings(".after")},dat:{before:$(r).parent().siblings().children(".before"),after:$(r).parent().siblings().children(".after")}};if(!Confirm.lock)if("down"==o)gsap.set([r,n],{scale:.95});else if("up"==o){var c=gsap.timeline();gsap.timeline().to([s.dis.before,s.dat.before],{duration:.2,opacity:0}).set([s.dis.before,s.dat.before],{display:"none",delay:.2}).set([s.dis.after,s.dat.after],{display:"block"}),c.call(function(){Confirm.lock=!0}).set(a,{clearProps:"all"}).set([r,n],{backgroundColor:Color.green}).to(n,{duration:.5,scaleX:1.2,scaleY:1.3,opacity:0}).set(a,{clearProps:"all",delay:1}).call(function(){Confirm.lock=!1})}};$(Confirm.target).mousedown(function(e){ButtonConfirm(e,"down")}).mouseup(function(e){ButtonConfirm(e,"up")});var SwitchFocus=function(){$("input,textarea").focusin(function(){Site.focus=!0}),$("input,textarea").focusout(function(){Site.focus=!1})};$(SwitchFocus);var UtilCopy=function(e){var o=document.createElement("textarea");o.value=e,document.body.appendChild(o),o.select(),document.execCommand("copy"),document.body.removeChild(o)},UtilShare=function(e){var o=$(e.target).parents(Site.page.share),t=$(o)[0].classList[2],n=$(o).children(Site.page.url).text().replace("index",""),r=$(o)[0].children[1],a=gsap.timeline(),s="";"page"==t&&(s="Copy page"),UtilCopy(n),a.set(r,{text:"Copied!"}).to(r,{duration:.3,opacity:0},"+=0.6").set(r,{text:s,clearProps:"all"},"+=0.3")};"theme"!=Config.install&&Config.share&&$(function(){$(Site.page.share).click(UtilShare)});
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";var Color={system:"#6e46a0",brand:"#ff8200",supply:"#f00a0a",demo:"#005a9b",generic:"#fe5900",theatre:"#019fc6",talks:"#ff9000",music:"#dc3636",classical:"#bf8f3a",cinema:"#259d31",tours:"#718ab2",hire:"#412f79",membership:"#5d91e5",art:"#f90082",shop:"#23D5B0",addicts:"#e6433a",family:"#029ddf",receptive:"#b25400",value:"#5fb641",next:"#ffa905",maybe:"#974597",earthlyparadise:"#e8396c",artforall:"#f9ae00",aroundthepark:"#009640",newsfromnowhere:"#009fe3",dodgers:"#0092FF"},Overlay={mobile:{screen:".area.overlay.mobile",bar:".bar.mobile"},load:{screen:".area.overlay.load",speed:.3},custom:[{name:"about",open:!1},{name:"browse",open:!1,chunk:".browse-chunk",book:{lnk:".lnk.browse-book",col:".col.browse.book"},chapter:{lnk:".lnk.browse-chapter",col:".col.browse.chapter"},page:{lnk:".lnk.browse-page",col:".col.browse.page"}},{name:"search",open:!1}]},Site={mobile:{active:!0},tablet:{active:!1,width:768},desktop:{active:!1,width:1200},focus:!1,topbar:{lnk:".
|
1
|
+
"use strict";var Color={system:"#6e46a0",brand:"#ff8200",supply:"#f00a0a",demo:"#005a9b",generic:"#fe5900",theatre:"#019fc6",talks:"#ff9000",music:"#dc3636",classical:"#bf8f3a",cinema:"#259d31",tours:"#718ab2",hire:"#412f79",membership:"#5d91e5",art:"#f90082",shop:"#23D5B0",addicts:"#e6433a",family:"#029ddf",receptive:"#b25400",value:"#5fb641",next:"#ffa905",maybe:"#974597",earthlyparadise:"#e8396c",artforall:"#f9ae00",aroundthepark:"#009640",newsfromnowhere:"#009fe3",dodgers:"#0092FF",green:"#259d31"},Overlay={mobile:{screen:".area.overlay.mobile",bar:".bar.mobile"},load:{screen:".area.overlay.load",speed:.3},custom:[{name:"about",open:!1},{name:"browse",open:!1,chunk:".browse-chunk",book:{lnk:".lnk.browse-book",col:".col.browse.book"},chapter:{lnk:".lnk.browse-chapter",col:".col.browse.chapter"},page:{lnk:".lnk.browse-page",col:".col.browse.page"}},{name:"search",open:!1}]},Site={mobile:{active:!0},tablet:{active:!1,width:768},desktop:{active:!1,width:1200},focus:!1,topbar:{lnk:".link.navigation"},scroll:{lnk:".lnk.scroller"},chapter:{target:".wrap.type-chapter"},page:{artwork:".area.page-artwork",share:".util-share",url:".util-url",height:560},code:{page:".wrap.type-page.style-docs",expand:".block.expand-block",wrap:".code-wrap",scss:".code-scss",html:".code-html"}};Site.mobile.query="screen and (max-width:"+(Site.tablet.width-1)+"px)",Site.tablet.query="screen and (min-width:"+Site.tablet.width+"px) and (max-width:"+(Site.desktop.width-1)+"px)",Site.desktop.query="screen and (min-width:"+Site.desktop.width+"px)",enquire.register(Site.mobile.query,{match:function(){Site.mobile.active=!0,Site.tablet.active=!1,Site.desktop.active=!1}}),enquire.register(Site.tablet.query,{match:function(){Site.mobile.active=!1,Site.tablet.active=!0,Site.desktop.active=!1}}),enquire.register(Site.desktop.query,{match:function(){Site.mobile.active=!1,Site.tablet.active=!1,Site.desktop.active=!0}});
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: futuro
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.7.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Paul Heading
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-03-
|
11
|
+
date: 2020-03-23 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -154,7 +154,7 @@ files:
|
|
154
154
|
- _sass/_base.scss
|
155
155
|
- _sass/_block.scss
|
156
156
|
- _sass/_box.scss
|
157
|
-
- _sass/
|
157
|
+
- _sass/_button.scss
|
158
158
|
- _sass/_col.scss
|
159
159
|
- _sass/_exit.scss
|
160
160
|
- _sass/_form.scss
|
@@ -191,14 +191,12 @@ files:
|
|
191
191
|
- _sass/futuro.shopify.scss
|
192
192
|
- _sass/helpers/extends.scss
|
193
193
|
- _sass/helpers/mixins.scss
|
194
|
-
- _sass/helpers/mixins/
|
195
|
-
- _sass/helpers/mixins/
|
196
|
-
- _sass/helpers/mixins/
|
197
|
-
- _sass/helpers/mixins/roller.scss
|
198
|
-
- _sass/helpers/mixins/search.scss
|
199
|
-
- _sass/helpers/mixins/value.scss
|
194
|
+
- _sass/helpers/mixins/mindsets.scss
|
195
|
+
- _sass/helpers/mixins/patterns.scss
|
196
|
+
- _sass/helpers/mixins/theme.scss
|
200
197
|
- _sass/helpers/themes.scss
|
201
198
|
- _sass/helpers/variables.scss
|
199
|
+
- _sass/helpers/variables/patterns.scss
|
202
200
|
- _sass/title/overlay.scss
|
203
201
|
- _sass/wrap/book.scss
|
204
202
|
- _sass/wrap/chapter.scss
|
@@ -236,6 +234,7 @@ files:
|
|
236
234
|
- assets/js/footer/custom/SmoothScroll.js
|
237
235
|
- assets/js/footer/custom/SplitCode.js
|
238
236
|
- assets/js/footer/custom/StartBrowse.js
|
237
|
+
- assets/js/footer/custom/SwitchButton.js
|
239
238
|
- assets/js/footer/custom/SwitchFocus.js
|
240
239
|
- assets/js/footer/custom/UtilShare.js
|
241
240
|
- assets/js/footer/vendor/gsap-draw.js
|
data/_sass/_btn.scss
DELETED
@@ -1,22 +0,0 @@
|
|
1
|
-
|
2
|
-
.btn {
|
3
|
-
-webkit-tap-highlight-color: transparent;
|
4
|
-
background-color: transparent;
|
5
|
-
}
|
6
|
-
|
7
|
-
.btn.nav-book {
|
8
|
-
place-content: center;
|
9
|
-
padding-right: 20px;
|
10
|
-
padding-left: 20px;
|
11
|
-
display: grid;
|
12
|
-
}
|
13
|
-
|
14
|
-
.btn.submit {
|
15
|
-
background-color: $gray;
|
16
|
-
border-radius: 2px;
|
17
|
-
cursor: pointer;
|
18
|
-
display: block;
|
19
|
-
padding: 10px;
|
20
|
-
border: none;
|
21
|
-
width: 100%;
|
22
|
-
}
|
@@ -1,65 +0,0 @@
|
|
1
|
-
|
2
|
-
@mixin ThemePages($name,$col,$right) {
|
3
|
-
|
4
|
-
// Chapter Pages
|
5
|
-
|
6
|
-
.wrap.type-page.chapter-#{$name} {
|
7
|
-
|
8
|
-
.title.page-weight {
|
9
|
-
color: $col;
|
10
|
-
}
|
11
|
-
|
12
|
-
.title.page-chapter {
|
13
|
-
right: $right;
|
14
|
-
color: $col;
|
15
|
-
}
|
16
|
-
|
17
|
-
.title.animate {
|
18
|
-
color: $col;
|
19
|
-
}
|
20
|
-
|
21
|
-
.block.page-icon {
|
22
|
-
fill: $col;
|
23
|
-
}
|
24
|
-
|
25
|
-
.lnk.stats {
|
26
|
-
color: $col;
|
27
|
-
}
|
28
|
-
|
29
|
-
.item.text-roller {
|
30
|
-
background-color: rgba($col,10%);
|
31
|
-
color: $col;
|
32
|
-
|
33
|
-
&.active {
|
34
|
-
background-color: $col;
|
35
|
-
color: white;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
|
39
|
-
.item.text-output {
|
40
|
-
background-color: rgba($col,10%);
|
41
|
-
border-color: rgba($col,20%);
|
42
|
-
color: $col;
|
43
|
-
}
|
44
|
-
|
45
|
-
.list.pies {
|
46
|
-
color: $col;
|
47
|
-
}
|
48
|
-
|
49
|
-
.block.pie.svg-wrap {
|
50
|
-
fill: $col;
|
51
|
-
}
|
52
|
-
|
53
|
-
svg#background {
|
54
|
-
fill: $col;
|
55
|
-
}
|
56
|
-
|
57
|
-
svg#tickets {
|
58
|
-
fill: $col;
|
59
|
-
|
60
|
-
.bar {
|
61
|
-
stroke: $col !important;
|
62
|
-
}
|
63
|
-
}
|
64
|
-
}
|
65
|
-
}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
|
2
|
-
@mixin ThemeRoller($name,$col) {
|
3
|
-
&.#{$name} {
|
4
|
-
background-color: rgba($col,10%);
|
5
|
-
color: $col;
|
6
|
-
|
7
|
-
&.active {
|
8
|
-
background-color: $col;
|
9
|
-
color: white;
|
10
|
-
}
|
11
|
-
}
|
12
|
-
}
|
13
|
-
|
14
|
-
@mixin ThemeOutput($name,$col) {
|
15
|
-
&.#{$name} {
|
16
|
-
background-color: rgba($col,10%);
|
17
|
-
border-color: rgba($col,20%);
|
18
|
-
color: $col;
|
19
|
-
}
|
20
|
-
}
|
@@ -1,135 +0,0 @@
|
|
1
|
-
|
2
|
-
@mixin ThemeValue($val,$prefix:false,$important:false) {
|
3
|
-
|
4
|
-
@if $prefix {
|
5
|
-
@if $important {
|
6
|
-
&.#{$prefix}culture-addicts {
|
7
|
-
#{$val} : $addicts !important;
|
8
|
-
}
|
9
|
-
} @else {
|
10
|
-
&.#{$prefix}culture-addicts {
|
11
|
-
#{$val} : $addicts;
|
12
|
-
}
|
13
|
-
}
|
14
|
-
} @else {
|
15
|
-
@if $important {
|
16
|
-
&.culture-addicts {
|
17
|
-
#{$val} : $addicts !important;
|
18
|
-
}
|
19
|
-
} @else {
|
20
|
-
&.culture-addicts {
|
21
|
-
#{$val} : $addicts;
|
22
|
-
}
|
23
|
-
}
|
24
|
-
}
|
25
|
-
|
26
|
-
@if $prefix {
|
27
|
-
@if $important {
|
28
|
-
&.#{$prefix}family-centric {
|
29
|
-
#{$val} : $family !important;
|
30
|
-
}
|
31
|
-
} @else {
|
32
|
-
&.#{$prefix}family-centric {
|
33
|
-
#{$val} : $family;
|
34
|
-
}
|
35
|
-
}
|
36
|
-
} @else {
|
37
|
-
@if $important {
|
38
|
-
&.family-centric {
|
39
|
-
#{$val} : $family !important;
|
40
|
-
}
|
41
|
-
} @else {
|
42
|
-
&.family-centric {
|
43
|
-
#{$val} : $family;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
@if $prefix {
|
49
|
-
@if $important {
|
50
|
-
&.#{$prefix}receptive {
|
51
|
-
#{$val} : $receptive !important;
|
52
|
-
}
|
53
|
-
} @else {
|
54
|
-
&.#{$prefix}receptive {
|
55
|
-
#{$val} : $receptive;
|
56
|
-
}
|
57
|
-
}
|
58
|
-
} @else {
|
59
|
-
@if $important {
|
60
|
-
&.receptive {
|
61
|
-
#{$val} : $receptive !important;
|
62
|
-
}
|
63
|
-
} @else {
|
64
|
-
&.receptive {
|
65
|
-
#{$val} : $receptive;
|
66
|
-
}
|
67
|
-
}
|
68
|
-
}
|
69
|
-
|
70
|
-
@if $prefix {
|
71
|
-
@if $important {
|
72
|
-
&.#{$prefix}value-seekers {
|
73
|
-
#{$val} : $value !important;
|
74
|
-
}
|
75
|
-
} @else {
|
76
|
-
&.#{$prefix}value-seekers {
|
77
|
-
#{$val} : $value;
|
78
|
-
}
|
79
|
-
}
|
80
|
-
} @else {
|
81
|
-
@if $important {
|
82
|
-
&.value-seekers {
|
83
|
-
#{$val} : $value !important;
|
84
|
-
}
|
85
|
-
} @else {
|
86
|
-
&.value-seekers {
|
87
|
-
#{$val} : $value;
|
88
|
-
}
|
89
|
-
}
|
90
|
-
}
|
91
|
-
|
92
|
-
@if $prefix {
|
93
|
-
@if $important {
|
94
|
-
&.#{$prefix}next-generation {
|
95
|
-
#{$val} : $next !important;
|
96
|
-
}
|
97
|
-
} @else {
|
98
|
-
&.#{$prefix}next-generation {
|
99
|
-
#{$val} : $next;
|
100
|
-
}
|
101
|
-
}
|
102
|
-
} @else {
|
103
|
-
@if $important {
|
104
|
-
&.next-generation {
|
105
|
-
#{$val} : $next !important;
|
106
|
-
}
|
107
|
-
} @else {
|
108
|
-
&.next-generation {
|
109
|
-
#{$val} : $next;
|
110
|
-
}
|
111
|
-
}
|
112
|
-
}
|
113
|
-
|
114
|
-
@if $prefix {
|
115
|
-
@if $important {
|
116
|
-
&.#{$prefix}maybe-someday {
|
117
|
-
#{$val} : $maybe !important;
|
118
|
-
}
|
119
|
-
} @else {
|
120
|
-
&.#{$prefix}maybe-someday {
|
121
|
-
#{$val} : $maybe;
|
122
|
-
}
|
123
|
-
}
|
124
|
-
} @else {
|
125
|
-
@if $important {
|
126
|
-
&.maybe-someday {
|
127
|
-
#{$val} : $maybe !important;
|
128
|
-
}
|
129
|
-
} @else {
|
130
|
-
&.maybe-someday {
|
131
|
-
#{$val} : $maybe;
|
132
|
-
}
|
133
|
-
}
|
134
|
-
}
|
135
|
-
}
|