futuro 0.9.2 → 0.9.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/html/page/content/header.liquid +55 -13
- data/_includes/html/page/content/loader.liquid +22 -0
- data/_includes/html/page/content/loop/header/back.liquid +1 -1
- data/_includes/html/page/content/loop/header/logo.liquid +4 -8
- data/_includes/html/page/content/loop/header/search.liquid +5 -5
- data/_includes/html/page/content/loop/header/subheader.liquid +16 -4
- data/_includes/html/page/content.liquid +3 -21
- data/_includes/svg/site/icon.liquid +4 -0
- data/_sass/_title.scss +0 -75
- data/_sass/block/access.scss +1 -13
- data/_sass/block/alert.scss +8 -0
- data/_sass/block/form/header.scss +3 -3
- data/_sass/block/form/login.scss +2 -0
- data/_sass/block/form/subheader.scss +36 -11
- data/_sass/block/page.scss +32 -0
- data/_sass/futuro.core.scss +18 -40
- data/_sass/helpers/extends/layout.scss +5 -0
- data/_sass/helpers/mixins/items.scss +42 -0
- data/_sass/title/alert.scss +5 -0
- data/_sass/title/browse.scss +14 -0
- data/_sass/title/docs.scss +5 -0
- data/_sass/title/mobile.scss +6 -0
- data/_sass/title/number.scss +12 -0
- data/_sass/title/page.scss +33 -0
- data/_sass/title/type.scss +21 -0
- data/_sass/wrap/alert.scss +4 -0
- data/_sass/wrap/docs.scss +8 -0
- metadata +15 -4
- data/_includes/html/page/content/loop/header.liquid +0 -18
- data/_sass/helpers/mixins/mindsets.scss +0 -64
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d762f77b840f0e7c848d060e336cff9871abdac2aff851a82f59da0306d8bfe8
|
|
4
|
+
data.tar.gz: 5c16d3032bca1c27c757f64a59263427aa5feb946173f0bd8eab0f2f8e81f90d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4472ec969627f50c914d1f4f9ef6996067e38dafe77f865777f4335c3b99b1e16c6b5f4f127ad1089dd3df0578c6eeeef7dbb3b7bf028e1f3f67b385680d417e
|
|
7
|
+
data.tar.gz: aa639415dca1a034da6bbaf7f422388403b0644d01ab15a2b418f49165ef0950ca6907257f5104ffac35295145b52c90a6631068e15b9eacb698b5204435b8d0
|
|
@@ -9,7 +9,23 @@
|
|
|
9
9
|
|
|
10
10
|
<div class="block header-menu">
|
|
11
11
|
|
|
12
|
-
{%-
|
|
12
|
+
{%- if page.header.search -%}
|
|
13
|
+
|
|
14
|
+
{%- include {{ LoopHeader | append : 'search.liquid' }} -%}
|
|
15
|
+
|
|
16
|
+
{%- endif -%}
|
|
17
|
+
|
|
18
|
+
{%- if page.header.login -%}
|
|
19
|
+
|
|
20
|
+
{%- include {{ LoopHeader | append : 'login.liquid' }} -%}
|
|
21
|
+
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
|
|
24
|
+
{%- if page.header.basket -%}
|
|
25
|
+
|
|
26
|
+
{%- include {{ LoopHeader | append : 'basket.liquid' }} -%}
|
|
27
|
+
|
|
28
|
+
{%- endif -%}
|
|
13
29
|
|
|
14
30
|
</div>
|
|
15
31
|
|
|
@@ -17,26 +33,52 @@
|
|
|
17
33
|
|
|
18
34
|
</div>
|
|
19
35
|
|
|
20
|
-
{%-
|
|
36
|
+
{%- if page.header.subheader -%}
|
|
21
37
|
|
|
22
|
-
|
|
38
|
+
<div class="block subheader-container {{ PageTitle | prepend : 'title-' }}">
|
|
23
39
|
|
|
24
|
-
<
|
|
40
|
+
<ul class="list subheader-menu">
|
|
25
41
|
|
|
26
|
-
|
|
42
|
+
{%- for item in page.header.subheader -%}
|
|
27
43
|
|
|
28
|
-
{%-
|
|
44
|
+
{%- include {{ LoopHeader | append : 'subheader.liquid' }} -%}
|
|
29
45
|
|
|
30
|
-
|
|
46
|
+
{%- endfor -%}
|
|
31
47
|
|
|
32
|
-
|
|
48
|
+
</ul>
|
|
33
49
|
|
|
34
|
-
|
|
50
|
+
</div>
|
|
35
51
|
|
|
36
|
-
|
|
52
|
+
{%- endif -%}
|
|
37
53
|
|
|
38
|
-
|
|
54
|
+
</div>
|
|
39
55
|
|
|
40
|
-
|
|
56
|
+
{%- if page.banner -%}
|
|
41
57
|
|
|
42
|
-
|
|
58
|
+
<div class="block page-header">
|
|
59
|
+
|
|
60
|
+
<div class="block page-container">
|
|
61
|
+
|
|
62
|
+
{%- if page.banner.crumbs -%}
|
|
63
|
+
|
|
64
|
+
<div class="block page-crumbs">
|
|
65
|
+
|
|
66
|
+
<span><a href="#">Home</a></span>
|
|
67
|
+
|
|
68
|
+
<span class="block crumbs-divider">{%- include {{ SvgIcon }} type="crumb" -%}</span>
|
|
69
|
+
|
|
70
|
+
<span>My Profile</span>
|
|
71
|
+
|
|
72
|
+
</div>
|
|
73
|
+
|
|
74
|
+
{%- endif -%}
|
|
75
|
+
|
|
76
|
+
<div class="title page-title {% if page.banner.crumbs %}modify-crumbs{% endif %}">{{ page.banner.title }}</div>
|
|
77
|
+
|
|
78
|
+
</div>
|
|
79
|
+
|
|
80
|
+
</div>
|
|
81
|
+
|
|
82
|
+
<div class="block page-content"></div>
|
|
83
|
+
|
|
84
|
+
{%- endif -%}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
|
|
2
|
+
<div class="loader page-wrap">
|
|
3
|
+
|
|
4
|
+
<div class="loader page-bg">
|
|
5
|
+
|
|
6
|
+
{%- include {{ SvgIcon }} type="carrier" -%}
|
|
7
|
+
|
|
8
|
+
</div>
|
|
9
|
+
|
|
10
|
+
<div class="loader page-bg ghost">
|
|
11
|
+
|
|
12
|
+
{%- include {{ SvgIcon }} type="carrier" -%}
|
|
13
|
+
|
|
14
|
+
</div>
|
|
15
|
+
|
|
16
|
+
<div class="loader page-bg ghost">
|
|
17
|
+
|
|
18
|
+
{%- include {{ SvgIcon }} type="carrier" -%}
|
|
19
|
+
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
<div class="block header-logo {{ PageTitle | prepend : 'title-' }}">
|
|
3
3
|
|
|
4
|
-
{%- unless
|
|
4
|
+
{%- unless page.header.type == "shop" -%}
|
|
5
5
|
|
|
6
6
|
<a href="https://barbican.org.uk">
|
|
7
7
|
|
|
@@ -19,14 +19,10 @@
|
|
|
19
19
|
|
|
20
20
|
{%- endunless -%}
|
|
21
21
|
|
|
22
|
-
{%-
|
|
22
|
+
{%- if page.header.back -%}
|
|
23
23
|
|
|
24
|
-
{%-
|
|
24
|
+
{%- include {{ LoopHeader | append : 'back.liquid' }} -%}
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
{%- endif -%}
|
|
29
|
-
|
|
30
|
-
{%- endfor -%}
|
|
26
|
+
{%- endif -%}
|
|
31
27
|
|
|
32
28
|
</div>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
<div class="block search-form">
|
|
3
3
|
|
|
4
|
-
{%- include {{ LoopForm | append : 'input.liquid' }}
|
|
5
|
-
type="text"
|
|
6
|
-
id="search-text"
|
|
7
|
-
placeholder=
|
|
8
|
-
class="search-input" -%}
|
|
4
|
+
{%- include {{ LoopForm | append : 'input.liquid' }}
|
|
5
|
+
type = "text"
|
|
6
|
+
id = "search-text"
|
|
7
|
+
placeholder = page.header.search
|
|
8
|
+
class = "search-input" -%}
|
|
9
9
|
|
|
10
10
|
<button type="button">
|
|
11
11
|
|
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
2
|
+
{%- if item.item -%}
|
|
3
3
|
|
|
4
|
-
<
|
|
4
|
+
<li class="item subheader-item">
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
<span>{{ item.item }}</span>
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
{%- include {{ SvgIcon }} type="more" -%}
|
|
9
|
+
|
|
10
|
+
</li>
|
|
11
|
+
|
|
12
|
+
{%- elsif item.link -%}
|
|
13
|
+
|
|
14
|
+
<li class="item subheader-link">
|
|
15
|
+
|
|
16
|
+
<span>{{ item.link }}</span>
|
|
17
|
+
|
|
18
|
+
</li>
|
|
19
|
+
|
|
20
|
+
{%- endif -%}
|
|
@@ -104,33 +104,15 @@
|
|
|
104
104
|
|
|
105
105
|
</div>
|
|
106
106
|
|
|
107
|
+
<div class="block screen-wrap" style="background:black;"></div>
|
|
108
|
+
|
|
107
109
|
</div>
|
|
108
110
|
|
|
109
111
|
{%- endif -%}
|
|
110
112
|
|
|
111
113
|
{%- if page.loader -%}
|
|
112
114
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
<div class="loader page-bg">
|
|
116
|
-
|
|
117
|
-
{%- include {{ SvgIcon }} type="carrier" -%}
|
|
118
|
-
|
|
119
|
-
</div>
|
|
120
|
-
|
|
121
|
-
<div class="loader page-bg ghost">
|
|
122
|
-
|
|
123
|
-
{%- include {{ SvgIcon }} type="carrier" -%}
|
|
124
|
-
|
|
125
|
-
</div>
|
|
126
|
-
|
|
127
|
-
<div class="loader page-bg ghost">
|
|
128
|
-
|
|
129
|
-
{%- include {{ SvgIcon }} type="carrier" -%}
|
|
130
|
-
|
|
131
|
-
</div>
|
|
132
|
-
|
|
133
|
-
</div>
|
|
115
|
+
{%- include {{ SiteContent | append : 'loader.liquid' }} -%}
|
|
134
116
|
|
|
135
117
|
{%- endif -%}
|
|
136
118
|
|
|
@@ -51,4 +51,8 @@
|
|
|
51
51
|
|
|
52
52
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12"><path d="M14,5.9L7.2,12l-1.9-1.7l4-3.2H0V4.9h9.4l-4-3.3L7.2,0L14,5.9z"/></svg>
|
|
53
53
|
|
|
54
|
+
{%- elsif include.type == "crumb" -%}
|
|
55
|
+
|
|
56
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74.7 116.7"><path d="M16.2 0L.3 15.7l34.4 32.1 7.3 6.7 4.3 3.8L34.7 69 0 100.3l16.2 16.4 58.5-58.9z"></path></svg>
|
|
57
|
+
|
|
54
58
|
{%- endif -%}
|
data/_sass/_title.scss
CHANGED
|
@@ -1,76 +1 @@
|
|
|
1
1
|
|
|
2
|
-
.title.type-page:not(.style-docs) {
|
|
3
|
-
@include RotateTitle;
|
|
4
|
-
bottom: 56px;
|
|
5
|
-
left: 128px;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.title.type-page.style-docs {
|
|
9
|
-
border-bottom: 1px solid map-get($color,gun);
|
|
10
|
-
padding-bottom: 10px;
|
|
11
|
-
align-self: center;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.title.type-chapter:not(.style-docs) {
|
|
15
|
-
@include RotateTitle;
|
|
16
|
-
bottom: 56px;
|
|
17
|
-
left: 128px;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.title.mobile {
|
|
21
|
-
text-align: center;
|
|
22
|
-
font-size: 4.8rem;
|
|
23
|
-
line-height: 1;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.title.page-chapter {
|
|
27
|
-
@include RotateTitle(top right);
|
|
28
|
-
right: 78px;
|
|
29
|
-
top: 56px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.title.page-weight {
|
|
33
|
-
@include RotateTitle;
|
|
34
|
-
left: calc(100% - 58px);
|
|
35
|
-
text-align: right;
|
|
36
|
-
bottom: 56px;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.subtitle.type-page {
|
|
40
|
-
@extend %ContentPrep;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.subtitle.type-page.wide {
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.title.number-value {
|
|
48
|
-
letter-spacing: -0.05em;
|
|
49
|
-
font-size: 24rem;
|
|
50
|
-
line-height: 1;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.title.number-title {
|
|
54
|
-
margin: -10px auto 0 auto;
|
|
55
|
-
font-size: 2.4rem;
|
|
56
|
-
max-width: 260px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
%TitleBrowse {
|
|
60
|
-
padding: 8px 10px 6px 10px;
|
|
61
|
-
border-bottom: 2px solid map-get($color,gun);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.title.browse-book {
|
|
65
|
-
@extend %TitleBrowse;
|
|
66
|
-
@extend %bold;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.title.browse-chapter {
|
|
70
|
-
@extend %TitleBrowse;
|
|
71
|
-
@extend %bold;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.title.browse-page {
|
|
75
|
-
@extend %TitleBrowse;
|
|
76
|
-
}
|
data/_sass/block/access.scss
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
display: grid;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
.block.access-ratio {
|
|
10
10
|
border: 1px solid rgba(gray,40%);
|
|
11
11
|
background-color: rgba(gray,10%);
|
|
12
12
|
color: gray;
|
|
@@ -32,15 +32,3 @@
|
|
|
32
32
|
color: red;
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
|
|
36
|
-
.block.access-small {
|
|
37
|
-
@extend %AccessBlock;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.block.access-large {
|
|
41
|
-
@extend %AccessBlock;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.block.access-ratio {
|
|
45
|
-
@extend %AccessBlock;
|
|
46
|
-
}
|
|
@@ -63,13 +63,13 @@
|
|
|
63
63
|
.block.header-menu {
|
|
64
64
|
justify-content: flex-end;
|
|
65
65
|
grid-auto-flow: column;
|
|
66
|
-
grid-column-gap:
|
|
66
|
+
grid-column-gap: 5px;
|
|
67
67
|
display: grid;
|
|
68
68
|
|
|
69
69
|
@media#{map-get($query,max639)} {
|
|
70
70
|
justify-content: center;
|
|
71
|
-
padding-bottom:
|
|
72
|
-
padding-top:
|
|
71
|
+
padding-bottom: 5px;
|
|
72
|
+
padding-top: 5px;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
@media#{map-get($query,min768)} {
|
data/_sass/block/form/login.scss
CHANGED
|
@@ -6,6 +6,12 @@
|
|
|
6
6
|
display: grid;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
.block.subheader-container.title-ticketing {
|
|
10
|
+
@media#{map-get($query,max639)} {
|
|
11
|
+
justify-content: center;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
9
15
|
.list.subheader-menu {
|
|
10
16
|
justify-content: flex-start;
|
|
11
17
|
grid-auto-flow: column;
|
|
@@ -18,13 +24,14 @@
|
|
|
18
24
|
}
|
|
19
25
|
}
|
|
20
26
|
|
|
21
|
-
|
|
27
|
+
%SubheaderItem {
|
|
22
28
|
@extend %bold;
|
|
23
29
|
padding: 0 10px 0 15px;
|
|
24
30
|
grid-auto-flow: column;
|
|
25
31
|
grid-column-gap: 5px;
|
|
26
32
|
align-items: center;
|
|
27
33
|
white-space: nowrap;
|
|
34
|
+
position: relative;
|
|
28
35
|
cursor: pointer;
|
|
29
36
|
display: grid;
|
|
30
37
|
height: 55px;
|
|
@@ -44,17 +51,35 @@
|
|
|
44
51
|
}
|
|
45
52
|
}
|
|
46
53
|
|
|
47
|
-
.item.subheader-item
|
|
48
|
-
|
|
49
|
-
|
|
54
|
+
.item.subheader-item {
|
|
55
|
+
@extend %SubheaderItem;
|
|
56
|
+
}
|
|
50
57
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
58
|
+
.item.subheader-link {
|
|
59
|
+
@extend %SubheaderItem;
|
|
60
|
+
padding: 0 15px;
|
|
54
61
|
}
|
|
55
62
|
|
|
56
|
-
.
|
|
57
|
-
@
|
|
58
|
-
|
|
59
|
-
|
|
63
|
+
.item.subheader-link:nth-of-type(1)::after {
|
|
64
|
+
@include zeros(absolute);
|
|
65
|
+
background: white;
|
|
66
|
+
content: "";
|
|
67
|
+
height: 4px;
|
|
68
|
+
width: 100%;
|
|
69
|
+
top: auto;
|
|
60
70
|
}
|
|
71
|
+
|
|
72
|
+
// .item.subheader-item.menu-item {
|
|
73
|
+
// border-right: 1px solid white;
|
|
74
|
+
// padding-right: 15px;
|
|
75
|
+
//
|
|
76
|
+
// @media#{map-get($query,min768)} {
|
|
77
|
+
// display: none;
|
|
78
|
+
// }
|
|
79
|
+
// }
|
|
80
|
+
|
|
81
|
+
// .menu-item + .item {
|
|
82
|
+
// @media#{map-get($query,max767)} {
|
|
83
|
+
// padding-left: 15px;
|
|
84
|
+
// }
|
|
85
|
+
// }
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
|
|
2
|
+
.block.page-crumbs {
|
|
3
|
+
color: map-get($color,gray);
|
|
4
|
+
fill: map-get($color,gray);
|
|
5
|
+
justify-content: start;
|
|
6
|
+
grid-auto-flow: column;
|
|
7
|
+
align-items: center;
|
|
8
|
+
padding-top: 20px;
|
|
9
|
+
font-size: 1.4rem;
|
|
10
|
+
grid-gap: 10px;
|
|
11
|
+
display: grid;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.block.crumbs-divider {
|
|
15
|
+
width: 5px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.block.page-container {
|
|
19
|
+
border-bottom: 1px solid lighten(map-get($color,generic),43%);
|
|
20
|
+
padding-right: 20px;
|
|
21
|
+
padding-left: 20px;
|
|
22
|
+
|
|
23
|
+
@media#{map-get($query,min640)} {
|
|
24
|
+
padding-right: 5%;
|
|
25
|
+
padding-left: 5%;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.block.page-content {
|
|
30
|
+
background-color: lighten(map-get($color,generic),47%);
|
|
31
|
+
height: 100px;
|
|
32
|
+
}
|
data/_sass/futuro.core.scss
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"helpers/variables",
|
|
8
8
|
"helpers/mixins",
|
|
9
9
|
"helpers/mixins/layout",
|
|
10
|
-
"helpers/mixins/
|
|
10
|
+
"helpers/mixins/items",
|
|
11
11
|
"helpers/mixins/patterns",
|
|
12
12
|
"helpers/mixins/theme",
|
|
13
13
|
"helpers/extends",
|
|
@@ -30,12 +30,14 @@
|
|
|
30
30
|
@import
|
|
31
31
|
"block",
|
|
32
32
|
"block/access",
|
|
33
|
+
"block/alert",
|
|
33
34
|
"block/button",
|
|
34
35
|
"block/clipper",
|
|
35
36
|
"block/custom",
|
|
36
37
|
"block/chart",
|
|
37
38
|
"block/navigation",
|
|
38
39
|
"block/number",
|
|
40
|
+
"block/page",
|
|
39
41
|
"block/pie",
|
|
40
42
|
"block/results",
|
|
41
43
|
"block/scroller",
|
|
@@ -68,7 +70,9 @@
|
|
|
68
70
|
// Wrap Styles
|
|
69
71
|
|
|
70
72
|
@import
|
|
73
|
+
"wrap/alert",
|
|
71
74
|
"wrap/browse",
|
|
75
|
+
"wrap/docs",
|
|
72
76
|
"wrap/overlay",
|
|
73
77
|
"wrap/chapter",
|
|
74
78
|
"wrap/page",
|
|
@@ -76,6 +80,18 @@
|
|
|
76
80
|
"wrap/home",
|
|
77
81
|
"wrap/scroller";
|
|
78
82
|
|
|
83
|
+
// Title Styles
|
|
84
|
+
|
|
85
|
+
@import
|
|
86
|
+
"title/alert",
|
|
87
|
+
"title/browse",
|
|
88
|
+
"title/docs",
|
|
89
|
+
"title/mobile",
|
|
90
|
+
"title/number",
|
|
91
|
+
"title/overlay",
|
|
92
|
+
"title/page",
|
|
93
|
+
"title/type";
|
|
94
|
+
|
|
79
95
|
// Other Styles
|
|
80
96
|
|
|
81
97
|
@import
|
|
@@ -94,42 +110,4 @@
|
|
|
94
110
|
"site",
|
|
95
111
|
"slick",
|
|
96
112
|
"split",
|
|
97
|
-
"task"
|
|
98
|
-
"title",
|
|
99
|
-
"title/overlay";
|
|
100
|
-
|
|
101
|
-
.title.type-page.style-docs {
|
|
102
|
-
grid-template-columns: auto 70px;
|
|
103
|
-
align-items: center;
|
|
104
|
-
display: grid;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.wrap.docs-title-wrap {
|
|
108
|
-
justify-content: flex-start;
|
|
109
|
-
grid-auto-flow: column;
|
|
110
|
-
grid-column-gap: 10px;
|
|
111
|
-
align-items: baseline;
|
|
112
|
-
display: grid;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.title.docs-subtitle {
|
|
116
|
-
color: map-get($color, gray);
|
|
117
|
-
font-size: 1.8rem;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.wrap.alert-wrap {
|
|
121
|
-
overflow: hidden;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.block.alert-content {
|
|
125
|
-
background: map-get($color,dodgers);
|
|
126
|
-
padding: 12px 20px 10px 20px;
|
|
127
|
-
white-space: nowrap;
|
|
128
|
-
display: block;
|
|
129
|
-
color: white;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.title.alert-content {
|
|
133
|
-
@extend %bold;
|
|
134
|
-
font-size: 1.6rem;
|
|
135
|
-
}
|
|
113
|
+
"task";
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
|
|
2
|
+
@mixin SolidBtn($name : slate) {
|
|
3
|
+
background: map-get($color,$name);
|
|
4
|
+
|
|
5
|
+
&:hover {
|
|
6
|
+
background: darken(map-get($color,$name),3%);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@mixin OutlineBtn($name : slate) {
|
|
11
|
+
border: 1px solid map-get($color,$name);
|
|
12
|
+
fill: map-get($color,$name);
|
|
13
|
+
background: transparent;
|
|
14
|
+
|
|
15
|
+
&:hover {
|
|
16
|
+
background: rgba(map-get($color,$name),12%);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
button {
|
|
20
|
+
color: map-get($color,$name);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&.active {
|
|
24
|
+
background: map-get($color,$name);
|
|
25
|
+
transition: 300ms background;
|
|
26
|
+
fill: white;
|
|
27
|
+
|
|
28
|
+
button {
|
|
29
|
+
color: white;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@mixin InactiveBtn($name : gun) {
|
|
35
|
+
border: 1px solid lighten(map-get($color,$name),35%);
|
|
36
|
+
background: lighten(map-get($color,$name),55%);
|
|
37
|
+
fill: map-get($color,$name);
|
|
38
|
+
|
|
39
|
+
button {
|
|
40
|
+
color: map-get($color,$name);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
|
|
2
|
+
.title.page-chapter {
|
|
3
|
+
@include RotateTitle(top right);
|
|
4
|
+
right: 78px;
|
|
5
|
+
top: 56px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.title.page-weight {
|
|
9
|
+
@include RotateTitle;
|
|
10
|
+
left: calc(100% - 58px);
|
|
11
|
+
text-align: right;
|
|
12
|
+
bottom: 56px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.subtitle.type-page {
|
|
16
|
+
@extend %ContentPrep;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.subtitle.type-page.wide {
|
|
20
|
+
width: 100%;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.title.page-title {
|
|
24
|
+
@extend %bold;
|
|
25
|
+
color: map-get($color,coal);
|
|
26
|
+
padding-bottom: 40px;
|
|
27
|
+
padding-top: 50px;
|
|
28
|
+
font-size: 3.2rem;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.title.page-title.modify-crumbs {
|
|
32
|
+
padding-top: 35px;
|
|
33
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
|
|
2
|
+
.title.type-page:not(.style-docs) {
|
|
3
|
+
@include RotateTitle;
|
|
4
|
+
bottom: 56px;
|
|
5
|
+
left: 128px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.title.type-page.style-docs {
|
|
9
|
+
border-bottom: 1px solid map-get($color,gun);
|
|
10
|
+
grid-template-columns: auto 70px;
|
|
11
|
+
padding-bottom: 10px;
|
|
12
|
+
align-items: center;
|
|
13
|
+
align-self: center;
|
|
14
|
+
display: grid;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.title.type-chapter:not(.style-docs) {
|
|
18
|
+
@include RotateTitle;
|
|
19
|
+
bottom: 56px;
|
|
20
|
+
left: 128px;
|
|
21
|
+
}
|
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.9.
|
|
4
|
+
version: 0.9.3
|
|
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-04-
|
|
11
|
+
date: 2020-04-28 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -116,6 +116,7 @@ files:
|
|
|
116
116
|
- _includes/html/page/content/artwork.liquid
|
|
117
117
|
- _includes/html/page/content/chart.liquid
|
|
118
118
|
- _includes/html/page/content/header.liquid
|
|
119
|
+
- _includes/html/page/content/loader.liquid
|
|
119
120
|
- _includes/html/page/content/loop.liquid
|
|
120
121
|
- _includes/html/page/content/loop/alert/create.liquid
|
|
121
122
|
- _includes/html/page/content/loop/alert/example.liquid
|
|
@@ -142,7 +143,6 @@ files:
|
|
|
142
143
|
- _includes/html/page/content/loop/form/select.liquid
|
|
143
144
|
- _includes/html/page/content/loop/form/text.liquid
|
|
144
145
|
- _includes/html/page/content/loop/form/textarea.liquid
|
|
145
|
-
- _includes/html/page/content/loop/header.liquid
|
|
146
146
|
- _includes/html/page/content/loop/header/back.liquid
|
|
147
147
|
- _includes/html/page/content/loop/header/basket.liquid
|
|
148
148
|
- _includes/html/page/content/loop/header/login.liquid
|
|
@@ -223,6 +223,7 @@ files:
|
|
|
223
223
|
- _sass/area/page.scss
|
|
224
224
|
- _sass/area/topbar.scss
|
|
225
225
|
- _sass/block/access.scss
|
|
226
|
+
- _sass/block/alert.scss
|
|
226
227
|
- _sass/block/button.scss
|
|
227
228
|
- _sass/block/chart.scss
|
|
228
229
|
- _sass/block/clipper.scss
|
|
@@ -248,6 +249,7 @@ files:
|
|
|
248
249
|
- _sass/block/form/title.scss
|
|
249
250
|
- _sass/block/navigation.scss
|
|
250
251
|
- _sass/block/number.scss
|
|
252
|
+
- _sass/block/page.scss
|
|
251
253
|
- _sass/block/pie.scss
|
|
252
254
|
- _sass/block/results.scss
|
|
253
255
|
- _sass/block/scroller.scss
|
|
@@ -264,16 +266,25 @@ files:
|
|
|
264
266
|
- _sass/helpers/extends/grid.scss
|
|
265
267
|
- _sass/helpers/extends/layout.scss
|
|
266
268
|
- _sass/helpers/mixins.scss
|
|
269
|
+
- _sass/helpers/mixins/items.scss
|
|
267
270
|
- _sass/helpers/mixins/layout.scss
|
|
268
|
-
- _sass/helpers/mixins/mindsets.scss
|
|
269
271
|
- _sass/helpers/mixins/patterns.scss
|
|
270
272
|
- _sass/helpers/mixins/theme.scss
|
|
271
273
|
- _sass/helpers/themes.scss
|
|
272
274
|
- _sass/helpers/variables.scss
|
|
275
|
+
- _sass/title/alert.scss
|
|
276
|
+
- _sass/title/browse.scss
|
|
277
|
+
- _sass/title/docs.scss
|
|
278
|
+
- _sass/title/mobile.scss
|
|
279
|
+
- _sass/title/number.scss
|
|
273
280
|
- _sass/title/overlay.scss
|
|
281
|
+
- _sass/title/page.scss
|
|
282
|
+
- _sass/title/type.scss
|
|
283
|
+
- _sass/wrap/alert.scss
|
|
274
284
|
- _sass/wrap/book.scss
|
|
275
285
|
- _sass/wrap/browse.scss
|
|
276
286
|
- _sass/wrap/chapter.scss
|
|
287
|
+
- _sass/wrap/docs.scss
|
|
277
288
|
- _sass/wrap/home.scss
|
|
278
289
|
- _sass/wrap/overlay.scss
|
|
279
290
|
- _sass/wrap/page.scss
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
{%- if item.search -%}
|
|
3
|
-
|
|
4
|
-
{%- include {{ LoopHeader | append : 'search.liquid' }} -%}
|
|
5
|
-
|
|
6
|
-
{%- endif -%}
|
|
7
|
-
|
|
8
|
-
{%- if item.login -%}
|
|
9
|
-
|
|
10
|
-
{%- include {{ LoopHeader | append : 'login.liquid' }} -%}
|
|
11
|
-
|
|
12
|
-
{%- endif -%}
|
|
13
|
-
|
|
14
|
-
{%- if item.basket -%}
|
|
15
|
-
|
|
16
|
-
{%- include {{ LoopHeader | append : 'basket.liquid' }} -%}
|
|
17
|
-
|
|
18
|
-
{%- endif -%}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// @mixin background($col) {
|
|
3
|
-
// svg#background {
|
|
4
|
-
// fill: $col;
|
|
5
|
-
// }
|
|
6
|
-
//
|
|
7
|
-
// svg#tickets {
|
|
8
|
-
// g.number path {
|
|
9
|
-
// fill: $col;
|
|
10
|
-
// }
|
|
11
|
-
// path.bar {
|
|
12
|
-
// stroke: $col !important;
|
|
13
|
-
// }
|
|
14
|
-
// }
|
|
15
|
-
//
|
|
16
|
-
// .title._animate {
|
|
17
|
-
// opacity: 0.4;
|
|
18
|
-
// color: $col;
|
|
19
|
-
// }
|
|
20
|
-
// }
|
|
21
|
-
//
|
|
22
|
-
//
|
|
23
|
-
// @mixin chunk($col) {
|
|
24
|
-
// path {
|
|
25
|
-
// fill: $col;
|
|
26
|
-
// }
|
|
27
|
-
// .title {
|
|
28
|
-
// color: $col;
|
|
29
|
-
// }
|
|
30
|
-
// }
|
|
31
|
-
//
|
|
32
|
-
// @mixin rollover($type) {
|
|
33
|
-
//
|
|
34
|
-
// .list {
|
|
35
|
-
// &._text {
|
|
36
|
-
// &-roller {
|
|
37
|
-
// border-color: white;
|
|
38
|
-
// }
|
|
39
|
-
// &-output {
|
|
40
|
-
// border-color: rgba($type,0.2);
|
|
41
|
-
// }
|
|
42
|
-
// }
|
|
43
|
-
// }
|
|
44
|
-
//
|
|
45
|
-
// .item {
|
|
46
|
-
// &._text {
|
|
47
|
-
// &-roller {
|
|
48
|
-
// background-color: rgba($type,0.1);
|
|
49
|
-
// border-color: white;
|
|
50
|
-
// color: $type;
|
|
51
|
-
//
|
|
52
|
-
// &.active {
|
|
53
|
-
// background-color: $type;
|
|
54
|
-
// color: white;
|
|
55
|
-
// }
|
|
56
|
-
// }
|
|
57
|
-
// &-output {
|
|
58
|
-
// background-color: rgba($type,0.1);
|
|
59
|
-
// border-color: rgba($type,0.2);
|
|
60
|
-
// color: $type;
|
|
61
|
-
// }
|
|
62
|
-
// }
|
|
63
|
-
// }
|
|
64
|
-
// }
|