futuro 1.0.5 → 1.1.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/assign/page.liquid +2 -1
- data/_includes/html/assign/site.liquid +30 -21
- data/_includes/html/layout/footer.liquid +5 -1
- data/_includes/html/page/content.liquid +70 -71
- data/_includes/html/page/content/loop/alert.liquid +31 -0
- data/_includes/html/page/content/loop/button/build.liquid +7 -1
- data/_includes/html/page/content/loop/checkbox.liquid +4 -8
- data/_includes/html/page/content/loop/form.liquid +53 -38
- data/_includes/html/page/content/loop/form/alert.liquid +8 -13
- data/_includes/html/page/content/loop/form/callout.liquid +1 -1
- data/_includes/html/page/content/loop/form/date.liquid +7 -7
- data/_includes/html/page/content/loop/form/email.liquid +38 -0
- data/_includes/html/page/content/loop/form/item.liquid +6 -9
- data/_includes/html/page/content/loop/form/message.liquid +1 -1
- data/_includes/html/page/content/loop/form/number.liquid +37 -0
- data/_includes/html/page/content/loop/form/phone.liquid +38 -0
- data/_includes/html/page/content/loop/form/radio.liquid +7 -7
- data/_includes/html/page/content/loop/form/select.liquid +10 -10
- data/_includes/html/page/content/loop/form/text.liquid +22 -27
- data/_includes/html/page/content/loop/form/textarea.liquid +6 -5
- data/_includes/html/page/content/loop/header/search.liquid +1 -1
- data/_includes/html/page/content/loop/{form/input.liquid → input.liquid} +6 -2
- data/_includes/html/page/content/loop/item.liquid +16 -0
- data/_includes/html/page/content/loop/label.liquid +37 -0
- data/_includes/html/page/content/loop/onemoment.liquid +6 -0
- data/_includes/html/page/content/loop/screen.liquid +2 -2
- data/_includes/html/page/content/loop/screen/header.liquid +3 -3
- data/_includes/html/page/content/loop/{select/create.liquid → select.liquid} +7 -3
- data/_includes/html/page/content/row.liquid +1 -1
- data/_includes/html/page/footnote.liquid +4 -2
- data/_includes/html/page/header.liquid +1 -2
- data/_includes/html/page/layout/home.liquid +17 -7
- data/_includes/html/page/topbar.liquid +28 -17
- data/_includes/html/page/topbar/navigation/link.liquid +22 -0
- data/_includes/html/site/scroller.liquid +1 -1
- data/_includes/svg/site/icon.liquid +9 -1
- data/_sass/_button.scss +4 -4
- data/_sass/area/chapter.scss +2 -1
- data/_sass/area/page.scss +1 -1
- data/_sass/block/chart.scss +2 -1
- data/_sass/block/form/alert.scss +1 -10
- data/_sass/block/form/checkbox.scss +3 -21
- data/_sass/block/form/input.scss +8 -0
- data/_sass/block/form/item.scss +17 -17
- data/_sass/block/form/parsley.scss +18 -21
- data/_sass/block/util.scss +3 -0
- data/_sass/futuro.core.scss +26 -6
- data/_sass/helpers/extends.scss +0 -17
- data/_sass/helpers/extends/forms.scss +16 -0
- data/_sass/helpers/extends/layout.scss +15 -0
- data/_sass/helpers/mixins/layout.scss +0 -1
- data/_sass/helpers/mixins/theme.scss +116 -127
- data/_sass/helpers/themes.scss +14 -13
- data/_sass/helpers/variables.scss +25 -211
- data/_sass/helpers/variables/colors.scss +290 -0
- data/_sass/item/scroller.scss +0 -1
- data/_sass/link/book.scss +8 -6
- data/_sass/link/navigation.scss +11 -7
- data/_sass/link/scroller.scss +4 -0
- data/_sass/title/book.scss +9 -0
- data/_sass/title/page.scss +2 -0
- data/_sass/title/type.scss +1 -0
- data/_sass/wrap/select.scss +1 -1
- data/_sass/wrap/switch.scss +12 -0
- data/_sass/wrap/text.scss +1 -1
- data/assets/js/footer/custom/2_Check.width.js +8 -2
- data/assets/js/footer/custom/5_Animate.scroller.js +13 -8
- data/assets/js/footer/custom/5_button.func.reset.js +15 -0
- data/assets/js/footer/custom/5_button.func.submit.js +39 -0
- data/assets/js/footer/custom/5_button.func.switch.js +26 -0
- data/assets/js/footer/custom/5_button.func.update.js +39 -0
- data/assets/js/footer/custom/5_check.form.js +49 -0
- data/assets/js/futuro.footer.custom.js +1 -1
- data/assets/js/futuro.header.custom.js +1 -1
- data/assets/js/header/custom/1_Settings.js +11 -3
- data/assets/js/header/custom/2_Site.js +1 -3
- metadata +24 -13
- data/_includes/html/page/content/loop/alert/create.liquid +0 -20
- data/_includes/html/page/content/loop/alert/example.liquid +0 -4
- data/_includes/html/page/content/loop/form/label.liquid +0 -17
- data/_includes/html/page/content/loop/yousaved.liquid +0 -11
- data/_includes/svg/site/book/orwell.svg +0 -1
- data/_includes/svg/site/book/woolf.svg +0 -1
- data/assets/js/footer/custom/5_Switch.button.js +0 -97
@@ -1,14 +1,9 @@
|
|
1
1
|
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
{%- else -%}
|
11
|
-
|
12
|
-
<span class="block form-alert">{{ item.alert }}</span>
|
13
|
-
|
14
|
-
{%- endif -%}
|
2
|
+
<p class="block form-row alert-row">
|
3
|
+
|
4
|
+
{% include {{ ContentLoop | append : 'alert.liquid' }}
|
5
|
+
title = item.alert.title
|
6
|
+
type = item.alert.type
|
7
|
+
price = item.alert.price %}
|
8
|
+
|
9
|
+
</p>
|
@@ -3,14 +3,14 @@
|
|
3
3
|
|
4
4
|
{% include html/assign/name.liquid parent="day" %}
|
5
5
|
|
6
|
-
{% include {{
|
7
|
-
|
8
|
-
small = item.small
|
9
|
-
subtitle = item.subtitle %}
|
6
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
7
|
+
label = item.date.label
|
8
|
+
small = item.date.small
|
9
|
+
subtitle = item.date.subtitle %}
|
10
10
|
|
11
11
|
<span class="block form-date-group">
|
12
12
|
|
13
|
-
{% include {{ ContentLoop | append : 'select
|
13
|
+
{% include {{ ContentLoop | append : 'select.liquid' }}
|
14
14
|
options = "Day, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
|
15
15
|
11, 12, 13, 14, 15, 16, 17, 18, 19,
|
16
16
|
20, 21, 22, 23, 24, 25, 26, 27, 28,
|
@@ -18,13 +18,13 @@
|
|
18
18
|
|
19
19
|
{% include html/assign/name.liquid parent="month" %}
|
20
20
|
|
21
|
-
{% include {{ ContentLoop | append : 'select
|
21
|
+
{% include {{ ContentLoop | append : 'select.liquid' }}
|
22
22
|
options = "Month, Jan, Feb, Mar, Apr, May, Jun,
|
23
23
|
Jul, Aug, Sep, Oct, Nov, Dec" %}
|
24
24
|
|
25
25
|
{% include html/assign/name.liquid parent="year" %}
|
26
26
|
|
27
|
-
{% include {{ ContentLoop | append : 'select
|
27
|
+
{% include {{ ContentLoop | append : 'select.liquid' }}
|
28
28
|
options = "Year, 2020, 2019, 2018, 2017, 2016, 2015,
|
29
29
|
2014, 2013, 2012, 2011, 2010, 2020, 2009,
|
30
30
|
2008, 2007, 2006, 2005, 2004, 2003, 2002,
|
@@ -0,0 +1,38 @@
|
|
1
|
+
|
2
|
+
{% if item.email.tag %}
|
3
|
+
|
4
|
+
{% assign ItemTags = item.email.tag | prepend : 'tag-' | split : ' ' | join : ' tag-' %}
|
5
|
+
|
6
|
+
{% endif %}
|
7
|
+
|
8
|
+
<p class="block form-row text-row">
|
9
|
+
|
10
|
+
{% include html/assign/name.liquid parent="email" %}
|
11
|
+
|
12
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
13
|
+
label = item.email.label
|
14
|
+
small = item.email.small
|
15
|
+
subtitle = item.email.subtitle
|
16
|
+
required = item.email.required
|
17
|
+
position = "top"
|
18
|
+
class = "form-label" %}
|
19
|
+
|
20
|
+
<span class="block text-input {% if item.email.tag %}{{ ItemTags }}{% endif %}">
|
21
|
+
|
22
|
+
<span class="wrap text-input">
|
23
|
+
|
24
|
+
{% include {{ ContentLoop | append : 'input.liquid' }}
|
25
|
+
required = item.email.required
|
26
|
+
type = "email" %}
|
27
|
+
|
28
|
+
</span>
|
29
|
+
|
30
|
+
{% if item.email.inline %}
|
31
|
+
|
32
|
+
<small>{{ item.email.inline }}</small>
|
33
|
+
|
34
|
+
{% endif %}
|
35
|
+
|
36
|
+
</span>
|
37
|
+
|
38
|
+
</p>
|
@@ -2,8 +2,8 @@
|
|
2
2
|
{%- if include.context == "legend" -%}
|
3
3
|
|
4
4
|
{% assign StyleDot = include.title | slice : 6
|
5
|
-
|
6
|
-
|
5
|
+
| prepend : 'style-level-'
|
6
|
+
| downcase %}
|
7
7
|
|
8
8
|
<span class="block legend-row">
|
9
9
|
|
@@ -35,13 +35,10 @@
|
|
35
35
|
|
36
36
|
<p class="block form-row item-row">
|
37
37
|
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
<span class="block item-object-price">{{ item.price | prepend: '£' }}</span>
|
43
|
-
|
44
|
-
</span>
|
38
|
+
{% include {{ ContentLoop | append : 'item.liquid' }}
|
39
|
+
title = item.item.title
|
40
|
+
price = item.item.price
|
41
|
+
nolabel = true %}
|
45
42
|
|
46
43
|
</p>
|
47
44
|
|
@@ -0,0 +1,37 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
{% if include.context == "legend" %}
|
4
|
+
|
5
|
+
{% else %}
|
6
|
+
|
7
|
+
<p class="block form-row text-row">
|
8
|
+
|
9
|
+
{% include html/assign/name.liquid parent=item.number %}
|
10
|
+
|
11
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
12
|
+
label = item.number
|
13
|
+
small = item.small
|
14
|
+
position = "top"
|
15
|
+
class = "form-label" %}
|
16
|
+
|
17
|
+
<span class="block text-input {% if item.tag %}{{ ItemTags }}{% endif %}">
|
18
|
+
|
19
|
+
<span class="wrap text-input">
|
20
|
+
|
21
|
+
{% include {{ ContentLoop | append : 'input.liquid' }}
|
22
|
+
type = "number"
|
23
|
+
class = "text-input" %}
|
24
|
+
|
25
|
+
</span>
|
26
|
+
|
27
|
+
{% if item.inline %}
|
28
|
+
|
29
|
+
<small>{{ item.inline }}</small>
|
30
|
+
|
31
|
+
{% endif %}
|
32
|
+
|
33
|
+
</span>
|
34
|
+
|
35
|
+
</p>
|
36
|
+
|
37
|
+
{% endif %}
|
@@ -0,0 +1,38 @@
|
|
1
|
+
|
2
|
+
{% if item.phone.tag %}
|
3
|
+
|
4
|
+
{% assign ItemTags = item.phone.tag | prepend : 'tag-' | split : ' ' | join : ' tag-' %}
|
5
|
+
|
6
|
+
{% endif %}
|
7
|
+
|
8
|
+
<p class="block form-row text-row">
|
9
|
+
|
10
|
+
{% include html/assign/name.liquid parent="phone" %}
|
11
|
+
|
12
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
13
|
+
label = item.phone.label
|
14
|
+
small = item.phone.small
|
15
|
+
subtitle = item.phone.subtitle
|
16
|
+
required = item.phone.required
|
17
|
+
position = "top"
|
18
|
+
class = "form-label" %}
|
19
|
+
|
20
|
+
<span class="block text-input {% if item.phone.tag %}{{ ItemTags }}{% endif %}">
|
21
|
+
|
22
|
+
<span class="wrap text-input">
|
23
|
+
|
24
|
+
{% include {{ ContentLoop | append : 'input.liquid' }}
|
25
|
+
required = item.phone.required
|
26
|
+
type = "tel" %}
|
27
|
+
|
28
|
+
</span>
|
29
|
+
|
30
|
+
{% if item.phone.inline %}
|
31
|
+
|
32
|
+
<small>{{ item.phone.inline }}</small>
|
33
|
+
|
34
|
+
{% endif %}
|
35
|
+
|
36
|
+
</span>
|
37
|
+
|
38
|
+
</p>
|
@@ -1,30 +1,30 @@
|
|
1
1
|
|
2
|
-
{% assign RadioGroup = item.radio | replace : ' ','-' | downcase %}
|
2
|
+
{% assign RadioGroup = item.radio.label | replace : ' ','-' | downcase %}
|
3
3
|
|
4
4
|
<p class="block form-row form-radio">
|
5
5
|
|
6
6
|
{% include html/assign/name.liquid parent="radio" %}
|
7
7
|
|
8
|
-
{% include {{
|
9
|
-
|
8
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
9
|
+
label = item.radio.label
|
10
10
|
class = "form-label" %}
|
11
11
|
|
12
12
|
<span class="wrap form-radio">
|
13
13
|
|
14
|
-
{% for item in item.list %}
|
14
|
+
{% for item in item.radio.list %}
|
15
15
|
|
16
16
|
{% include html/assign/name.liquid parent="radio" %}
|
17
17
|
|
18
18
|
<span class="block form-radio-group">
|
19
19
|
|
20
|
-
{% include {{
|
20
|
+
{% include {{ ContentLoop | append : 'input.liquid' }}
|
21
21
|
name = RadioGroup
|
22
22
|
type = "radio"
|
23
23
|
class = "radio-input" %}
|
24
24
|
|
25
|
-
{% include {{
|
25
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
26
26
|
name = RadioGroup
|
27
|
-
|
27
|
+
label = item.input
|
28
28
|
class = "form-radio-label" %}
|
29
29
|
|
30
30
|
</span>
|
@@ -1,19 +1,19 @@
|
|
1
1
|
|
2
|
-
{% include html/assign/name.liquid parent=
|
2
|
+
{% include html/assign/name.liquid parent="select" %}
|
3
3
|
|
4
4
|
<p class="block form-row select-row">
|
5
5
|
|
6
|
-
{% include {{
|
7
|
-
|
8
|
-
small = item.small
|
9
|
-
subtitle = item.subtitle %}
|
6
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
7
|
+
label = item.select.label
|
8
|
+
small = item.select.small
|
9
|
+
subtitle = item.select.subtitle %}
|
10
10
|
|
11
|
-
{% assign PrepList = item.list | replace : '[',''
|
12
|
-
|
13
|
-
|
14
|
-
|
11
|
+
{% assign PrepList = item.select.list | replace : '[',''
|
12
|
+
| replace : '{"option"=>"',''
|
13
|
+
| replace : '"}',''
|
14
|
+
| replace : ']','' %}
|
15
15
|
|
16
|
-
{% include {{ ContentLoop | append : 'select
|
16
|
+
{% include {{ ContentLoop | append : 'select.liquid' }}
|
17
17
|
options = PrepList %}
|
18
18
|
|
19
19
|
</p>
|
@@ -1,43 +1,38 @@
|
|
1
1
|
|
2
|
-
{% if item.tag %}
|
2
|
+
{% if item.text.tag %}
|
3
3
|
|
4
|
-
{% assign ItemTags = item.tag | prepend : 'tag-' | split : ' ' | join : ' tag-' %}
|
4
|
+
{% assign ItemTags = item.text.tag | prepend : 'tag-' | split : ' ' | join : ' tag-' %}
|
5
5
|
|
6
6
|
{% endif %}
|
7
7
|
|
8
|
-
|
8
|
+
<p class="block form-row text-row">
|
9
9
|
|
10
|
-
{%
|
10
|
+
{% include html/assign/name.liquid parent="text" %}
|
11
11
|
|
12
|
-
|
12
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
13
|
+
label = item.text.label
|
14
|
+
small = item.text.small
|
15
|
+
subtitle = item.text.subtitle
|
16
|
+
required = item.text.required
|
17
|
+
position = "top"
|
18
|
+
class = "form-label" %}
|
13
19
|
|
14
|
-
|
20
|
+
<span class="block text-input {% if item.text.tag %}{{ ItemTags }}{% endif %}">
|
15
21
|
|
16
|
-
|
17
|
-
title = item.text
|
18
|
-
small = item.small
|
19
|
-
class = "form-label" %}
|
22
|
+
<span class="wrap text-input">
|
20
23
|
|
21
|
-
|
24
|
+
{% include {{ ContentLoop | append : 'input.liquid' }}
|
25
|
+
required = item.text.required
|
26
|
+
type = "text" %}
|
22
27
|
|
23
|
-
|
28
|
+
</span>
|
24
29
|
|
25
|
-
|
26
|
-
type = "text"
|
27
|
-
class = "text-input" %}
|
28
|
-
|
29
|
-
</span>
|
30
|
-
|
31
|
-
{% if item.inline %}
|
32
|
-
|
33
|
-
<small>{{ item.inline }}</small>
|
34
|
-
|
35
|
-
{% endif %}
|
30
|
+
{% if item.text.inline %}
|
36
31
|
|
37
|
-
|
32
|
+
<small>{{ item.text.inline }}</small>
|
38
33
|
|
39
|
-
|
34
|
+
{% endif %}
|
40
35
|
|
41
|
-
</
|
36
|
+
</span>
|
42
37
|
|
43
|
-
|
38
|
+
</p>
|
@@ -1,12 +1,13 @@
|
|
1
1
|
|
2
|
-
{% include html/assign/name.liquid parent=item.textarea %}
|
2
|
+
{% include html/assign/name.liquid parent=item.textarea.label %}
|
3
3
|
|
4
4
|
<p class="block form-row textarea-row">
|
5
5
|
|
6
|
-
{% include {{
|
7
|
-
|
8
|
-
small
|
9
|
-
subtitle = item.subtitle
|
6
|
+
{% include {{ ContentLoop | append : 'label.liquid' }}
|
7
|
+
label = item.textarea.label
|
8
|
+
small = item.textarea.small
|
9
|
+
subtitle = item.textarea.subtitle
|
10
|
+
required = item.textarea.required
|
10
11
|
position = "top" %}
|
11
12
|
|
12
13
|
<span class="wrap textarea">
|
@@ -1,11 +1,15 @@
|
|
1
1
|
|
2
2
|
{% if include.name %}
|
3
|
+
|
3
4
|
{% assign group = include.name %}
|
5
|
+
|
4
6
|
{% else %}
|
5
|
-
|
7
|
+
|
8
|
+
{% assign group = name %}
|
9
|
+
|
6
10
|
{% endif %}
|
7
11
|
|
8
|
-
<input {% if include.
|
12
|
+
<input {% if include.required %}class="is-required"{% endif %}
|
9
13
|
type = "{{ include.type }}"
|
10
14
|
id = "{{ name }}"
|
11
15
|
name = "{{ group }}"
|
@@ -0,0 +1,16 @@
|
|
1
|
+
|
2
|
+
<span class="block
|
3
|
+
{{ PageTitle | prepend: 'title-' }}
|
4
|
+
{% if include.price %}has-price{% endif %}
|
5
|
+
{% if include.nolabel %}no-label{% endif %}
|
6
|
+
{% if include.alert %}form-alert{% endif %}">
|
7
|
+
|
8
|
+
<span>{{ include.title }}</span>
|
9
|
+
|
10
|
+
{% if include.price %}
|
11
|
+
|
12
|
+
<span>{{ include.price | prepend: '£' }}</span>
|
13
|
+
|
14
|
+
{% endif %}
|
15
|
+
|
16
|
+
</span>
|
@@ -0,0 +1,37 @@
|
|
1
|
+
|
2
|
+
<label for="{{ name }}"
|
3
|
+
class="title
|
4
|
+
{% if include.class %}{{ include.class }}{% else %}form-label{% endif %}
|
5
|
+
{% if include.position %}{{ include.position | prepend : 'style-' }}{% else %}style-top{% endif %}">
|
6
|
+
|
7
|
+
{{ include.label }}
|
8
|
+
|
9
|
+
{% if include.small %}
|
10
|
+
|
11
|
+
<small>
|
12
|
+
|
13
|
+
{{ include.small }}
|
14
|
+
|
15
|
+
</small>
|
16
|
+
|
17
|
+
{% endif %}
|
18
|
+
|
19
|
+
{% if include.required %}
|
20
|
+
|
21
|
+
<small>(required)</small>
|
22
|
+
|
23
|
+
{% endif %}
|
24
|
+
|
25
|
+
{% if include.subtitle %}
|
26
|
+
|
27
|
+
<br>
|
28
|
+
|
29
|
+
<small>
|
30
|
+
|
31
|
+
{{ include.subtitle }}
|
32
|
+
|
33
|
+
</small>
|
34
|
+
|
35
|
+
{% endif %}
|
36
|
+
|
37
|
+
</label>
|