futuro 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/html/page/content/loop/button/build.liquid +2 -1
- data/_includes/html/page/content/loop/form.liquid +6 -3
- data/_includes/html/page/content/loop/form/button.liquid +9 -12
- data/_includes/html/page/content/loop/form/item.liquid +1 -1
- data/_includes/html/page/content/loop/form/label.liquid +10 -2
- data/_includes/html/page/content/loop/form/legend.liquid +8 -6
- data/_includes/html/page/content/loop/form/select.liquid +4 -4
- data/_includes/html/page/content/loop/form/text.liquid +13 -11
- data/_includes/html/page/content/loop/form/textarea.liquid +5 -9
- data/_sass/_button.scss +6 -2
- data/_sass/block/form.scss +5 -2
- data/_sass/block/form/alert.scss +5 -3
- data/_sass/block/form/input.scss +12 -24
- data/_sass/block/form/legend.scss +21 -13
- data/_sass/block/form/radio.scss +1 -1
- data/_sass/block/form/select.scss +12 -8
- data/_sass/block/form/text.scss +6 -11
- data/_sass/helpers/mixins/layout.scss +7 -0
- data/_sass/helpers/mixins/patterns.scss +0 -7
- data/_sass/helpers/mixins/theme.scss +32 -67
- data/_sass/helpers/variables.scss +12 -9
- data/_sass/title/checkbox.scss +10 -10
- data/_sass/title/form.scss +17 -0
- data/assets/imgs/dropdown.svg +1 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0ab0343f82969bfa0b85a9459b9ea5808321053a73afd09e807caa97336a4c5e
|
|
4
|
+
data.tar.gz: ba02241b3e13712740c2df5cf08dc34213ae0bae692d5a9150f423a46c339fb7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d15eafb725acde47d1aa82025e2f8c7ce8d8ce35bf947f566fd8c93357440281f3dc7a127c562b5fe0b18d01d11ced1b5d1b9da4f8e6dc8856dcf31dab2aaa5c
|
|
7
|
+
data.tar.gz: d451a3cccc02af4197ffbb633331be7ec04da229d618f274b5486d13b230d2e559445dbb4563d58c39515ed543349ba567a6d61bd32d32c7cb431e76ed733834
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
{% if include.func %}{{ IncludeFunc }}{% endif %}
|
|
7
7
|
{% if include.title %}{{ IncludeTitle }}{% endif %}
|
|
8
8
|
{% if include.type %}{{ include.type | prepend : 'type-' }}{% endif %}
|
|
9
|
-
{% if include.style %}{{ include.style | prepend : 'style-' }}{% endif %}
|
|
9
|
+
{% if include.style %}{{ include.style | prepend : 'style-' }}{% endif %}
|
|
10
|
+
{% if include.context %}{{ include.context | prepend : 'context-' }}{% endif %}">
|
|
10
11
|
|
|
11
12
|
<button type="button" {% if include.slim %}class="modify-slim"{% endif %}>
|
|
12
13
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
{%- if item.yousaved -%}
|
|
3
3
|
|
|
4
|
-
{%- include {{ SiteContent | append : 'loop.liquid' }}
|
|
4
|
+
{%- include {{ SiteContent | append : 'loop.liquid' }}
|
|
5
|
+
type = "yousaved" -%}
|
|
5
6
|
|
|
6
7
|
{%- elsif item.legend -%}
|
|
7
8
|
|
|
@@ -9,7 +10,8 @@
|
|
|
9
10
|
|
|
10
11
|
{%- elsif item.addr -%}
|
|
11
12
|
|
|
12
|
-
{%- include {{ LoopForm | append : 'radio.liquid' }}
|
|
13
|
+
{%- include {{ LoopForm | append : 'radio.liquid' }}
|
|
14
|
+
type = "address" -%}
|
|
13
15
|
|
|
14
16
|
{%- elsif item.radio -%}
|
|
15
17
|
|
|
@@ -29,7 +31,8 @@
|
|
|
29
31
|
|
|
30
32
|
{%- elsif item.alert -%}
|
|
31
33
|
|
|
32
|
-
{%- include {{ LoopForm | append : 'alert.liquid' }}
|
|
34
|
+
{%- include {{ LoopForm | append : 'alert.liquid' }}
|
|
35
|
+
context = include.context -%}
|
|
33
36
|
|
|
34
37
|
{%- elsif item.message -%}
|
|
35
38
|
|
|
@@ -1,19 +1,16 @@
|
|
|
1
1
|
|
|
2
|
-
{%- if include.context
|
|
2
|
+
{%- if include.context -%}
|
|
3
3
|
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
<span class="block button-row legend-row">
|
|
7
|
-
|
|
8
|
-
{%- include {{ LoopButton | append : 'build.liquid' }}
|
|
9
|
-
type = item.button.type
|
|
10
|
-
style = item.button.style
|
|
11
|
-
func = item.button.func
|
|
12
|
-
title = item.button.title -%}
|
|
4
|
+
<span class="block {{ include.context | append : '-row' }} button-row">
|
|
13
5
|
|
|
14
|
-
|
|
6
|
+
{%- include {{ LoopButton | append : 'build.liquid' }}
|
|
7
|
+
type = item.button.type
|
|
8
|
+
style = item.button.style
|
|
9
|
+
func = item.button.func
|
|
10
|
+
title = item.button.title
|
|
11
|
+
context = include.context -%}
|
|
15
12
|
|
|
16
|
-
</
|
|
13
|
+
</span>
|
|
17
14
|
|
|
18
15
|
{%- else -%}
|
|
19
16
|
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
{% if item.textarea %}
|
|
3
|
+
{% assign ItemStyle = "style-top" %}
|
|
4
|
+
{% else %}
|
|
5
|
+
{% assign ItemStyle = "style-center" %}
|
|
6
|
+
{% endif %}
|
|
7
|
+
|
|
8
|
+
<label class="title
|
|
9
|
+
{% if include.class %}{{ include.class }}{% endif %}
|
|
10
|
+
{{ ItemStyle }}"
|
|
11
|
+
{% if include.for %}for="{{ include.for }}"{% endif %}>
|
|
4
12
|
|
|
5
13
|
{{ include.title }}
|
|
6
14
|
|
|
@@ -5,29 +5,31 @@
|
|
|
5
5
|
|
|
6
6
|
<span class="block legend-key">
|
|
7
7
|
|
|
8
|
-
{% assign context = "legend" %}
|
|
9
|
-
|
|
10
8
|
{%- for item in item.legend -%}
|
|
11
9
|
|
|
12
10
|
{%- if item.text -%}
|
|
13
11
|
|
|
14
|
-
{%- include {{ LoopForm | append : 'text.liquid' }}
|
|
12
|
+
{%- include {{ LoopForm | append : 'text.liquid' }}
|
|
13
|
+
context = "legend" -%}
|
|
15
14
|
|
|
16
15
|
{%- elsif item.fee -%}
|
|
17
16
|
|
|
18
|
-
{%- include {{ LoopForm | append : 'fee.liquid' }}
|
|
17
|
+
{%- include {{ LoopForm | append : 'fee.liquid' }}
|
|
18
|
+
context = "legend" -%}
|
|
19
19
|
|
|
20
20
|
{%- elsif item.desc -%}
|
|
21
21
|
|
|
22
22
|
{%- for item in item.desc -%}
|
|
23
23
|
|
|
24
|
-
{%- include {{ LoopForm | append : 'item.liquid' }}
|
|
24
|
+
{%- include {{ LoopForm | append : 'item.liquid' }}
|
|
25
|
+
context = "legend" -%}
|
|
25
26
|
|
|
26
27
|
{%- endfor -%}
|
|
27
28
|
|
|
28
29
|
{%- elsif item.button -%}
|
|
29
30
|
|
|
30
|
-
{%- include {{ LoopForm | append : 'button.liquid' }}
|
|
31
|
+
{%- include {{ LoopForm | append : 'button.liquid' }}
|
|
32
|
+
context = "legend" -%}
|
|
31
33
|
|
|
32
34
|
{%- endif -%}
|
|
33
35
|
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
<p class="block form-row select-row">
|
|
3
3
|
|
|
4
4
|
{%- include {{ LoopForm | append : 'label.liquid' }}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
title = item.select
|
|
6
|
+
small = item.small
|
|
7
|
+
subtitle = item.subtitle
|
|
8
|
+
class = "form-label" -%}
|
|
9
9
|
|
|
10
10
|
{% assign loop = item.list %}
|
|
11
11
|
{% assign title = item.select | replace: ' ','-' | downcase | append: '[]' %}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
|
|
2
|
-
{% if
|
|
2
|
+
{% if item.tag %}
|
|
3
|
+
|
|
4
|
+
{% assign ItemTags = item.tag | prepend : 'tag-' | split : ' ' | join : ' tag-' %}
|
|
5
|
+
|
|
6
|
+
{% endif %}
|
|
7
|
+
|
|
8
|
+
{% if include.context == "legend" %}
|
|
3
9
|
|
|
4
10
|
{% else %}
|
|
5
11
|
|
|
@@ -15,17 +21,13 @@
|
|
|
15
21
|
small = item.small
|
|
16
22
|
class = "form-label" %}
|
|
17
23
|
|
|
18
|
-
<span class="
|
|
19
|
-
|
|
20
|
-
<span class="textinput-border">
|
|
21
|
-
|
|
22
|
-
{% include {{ LoopForm | append : 'input.liquid' }}
|
|
23
|
-
type = "text"
|
|
24
|
-
id = for
|
|
25
|
-
name = "name"
|
|
26
|
-
class = "text-input" %}
|
|
24
|
+
<span class="wrap text-input {% if item.tag %}{{ ItemTags }}{% endif %}">
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
{% include {{ LoopForm | append : 'input.liquid' }}
|
|
27
|
+
type = "text"
|
|
28
|
+
id = for
|
|
29
|
+
name = "name"
|
|
30
|
+
class = "text-input" %}
|
|
29
31
|
|
|
30
32
|
{% if item.inline %}
|
|
31
33
|
|
|
@@ -4,15 +4,11 @@
|
|
|
4
4
|
<p class="block form-row textarea-row">
|
|
5
5
|
|
|
6
6
|
{%- include {{ LoopForm | append : 'label.liquid' }}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
title=item.textarea
|
|
8
|
+
small=item.small
|
|
9
|
+
subtitle=item.subtitle
|
|
10
|
+
class="form-label" -%}
|
|
11
11
|
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
<textarea name="{{ name }}" id="{{ name }}"></textarea>
|
|
15
|
-
|
|
16
|
-
</span>
|
|
12
|
+
<textarea name="{{ name }}" id="{{ name }}"></textarea>
|
|
17
13
|
|
|
18
14
|
</p>
|
data/_sass/_button.scss
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
.button-wrap {
|
|
3
|
-
@include borderRad($radius);
|
|
4
3
|
@include ib;
|
|
5
4
|
-webkit-tap-highlight-color: transparent;
|
|
5
|
+
border-radius: 4px;
|
|
6
6
|
position: relative;
|
|
7
7
|
font-size: 1.6rem;
|
|
8
8
|
cursor: pointer;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
@media#{map-get($query,min768)} {
|
|
16
16
|
&:not(.legend-button) {
|
|
17
|
-
justify-self:
|
|
17
|
+
justify-self: end;
|
|
18
18
|
grid-column: 2;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -33,6 +33,10 @@
|
|
|
33
33
|
background-color: white;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
.button-wrap.context-legend {
|
|
37
|
+
width: 100%;
|
|
38
|
+
}
|
|
39
|
+
|
|
36
40
|
.button-bg {
|
|
37
41
|
@include zeros(absolute);
|
|
38
42
|
z-index: 1;
|
data/_sass/block/form.scss
CHANGED
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
|
|
2
2
|
.block.form-row {
|
|
3
|
+
|
|
3
4
|
@media#{map-get($query,min768)} {
|
|
4
|
-
|
|
5
|
+
|
|
6
|
+
@include FormColumns;
|
|
7
|
+
|
|
5
8
|
}
|
|
9
|
+
|
|
6
10
|
}
|
|
7
11
|
|
|
8
12
|
.block.form-date-group {
|
|
9
13
|
grid-template-columns: minmax(70px,90px) minmax(70px,110px) minmax(70px,95px);
|
|
10
14
|
grid-column-gap: 10px;
|
|
11
|
-
align-items: center;
|
|
12
15
|
display: grid;
|
|
13
16
|
|
|
14
17
|
@media#{map-get($query,min768)} {
|
data/_sass/block/form/alert.scss
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
.block.form-alert {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
padding: 14px 12px 10px 12px;
|
|
4
|
+
background-color: setcolor(gun,xlight);
|
|
5
|
+
border: 1px solid setcolor(gun,light);
|
|
6
|
+
color: setcolor(gun,dark);
|
|
7
|
+
border-radius: 4px;
|
|
6
8
|
display: block;
|
|
7
9
|
}
|
|
8
10
|
|
data/_sass/block/form/input.scss
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
%textinput {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
border: 1px solid setcolor(gun,light) !important;
|
|
4
|
+
background-color: setcolor(gun,xlight);
|
|
5
|
+
padding: 14px 12px 10px 12px;
|
|
6
|
+
color: setcolor(gun,dark);
|
|
6
7
|
-webkit-appearance: none;
|
|
7
|
-
border-radius:
|
|
8
|
+
border-radius: 4px;
|
|
8
9
|
display: block;
|
|
9
10
|
width: 100%;
|
|
10
11
|
border: 0;
|
|
@@ -14,28 +15,15 @@
|
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
|
|
17
|
-
.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
&.stub {
|
|
21
|
-
grid-template-columns: 100px auto;
|
|
22
|
-
grid-column-gap: 10px;
|
|
23
|
-
align-items: center;
|
|
24
|
-
|
|
25
|
-
small {
|
|
26
|
-
@extend %smallstyle;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
18
|
+
.wrap.text-input small {
|
|
19
|
+
@extend %smallstyle;
|
|
29
20
|
}
|
|
30
21
|
|
|
31
|
-
.
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
&.stub {
|
|
37
|
-
max-width: 100px;
|
|
38
|
-
}
|
|
22
|
+
.wrap.text-input.tag-stub {
|
|
23
|
+
grid-template-columns: 100px auto;
|
|
24
|
+
grid-column-gap: 10px;
|
|
25
|
+
align-items: center;
|
|
26
|
+
display: grid;
|
|
39
27
|
}
|
|
40
28
|
|
|
41
29
|
input[type="text"] {
|
|
@@ -1,29 +1,36 @@
|
|
|
1
1
|
|
|
2
2
|
.block.fieldset-row {
|
|
3
3
|
@media#{map-get($query,min768)} {
|
|
4
|
-
@include
|
|
4
|
+
@include FormColumns( auto 250px );
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.block.legend-row {
|
|
9
|
-
padding: ($radius * 2);
|
|
9
|
+
padding: 0 ($radius * 2) ($radius * 2);
|
|
10
10
|
display: block;
|
|
11
|
+
}
|
|
11
12
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
.block.legend-row + .block.legend-row {
|
|
14
|
+
border-top: 1px solid rgba(setcolor(slate),20%);
|
|
15
|
+
padding-top: ($radius * 2);
|
|
16
|
+
}
|
|
15
17
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
}
|
|
18
|
+
.block.legend-row + .block.legend-row.button-row {
|
|
19
|
+
border-top: none;
|
|
20
|
+
}
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
.block.legend-row.fee-row {
|
|
23
|
+
@media#{map-get($query,max767)} {
|
|
24
|
+
text-align: center;
|
|
24
25
|
}
|
|
25
26
|
}
|
|
26
27
|
|
|
28
|
+
.block.legend-row.button-row {
|
|
29
|
+
padding-bottom: 0;
|
|
30
|
+
padding-right: 0;
|
|
31
|
+
padding-left: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
27
34
|
.block.legend-key {
|
|
28
35
|
display: block;
|
|
29
36
|
}
|
|
@@ -44,7 +51,7 @@
|
|
|
44
51
|
|
|
45
52
|
.block.legend-item {
|
|
46
53
|
grid-template-columns: ($radius * 3) auto auto;
|
|
47
|
-
grid-column-gap:
|
|
54
|
+
grid-column-gap: 8px;
|
|
48
55
|
align-items: center;
|
|
49
56
|
display: grid;
|
|
50
57
|
}
|
|
@@ -63,6 +70,7 @@
|
|
|
63
70
|
.block.legend-fee {
|
|
64
71
|
grid-template-columns: 12px auto;
|
|
65
72
|
display: inline-grid;
|
|
73
|
+
padding-top: 2px;
|
|
66
74
|
}
|
|
67
75
|
|
|
68
76
|
.block.legend-item-price {
|
data/_sass/block/form/radio.scss
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
select {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
background: url('/assets/imgs/dropdown.svg')
|
|
4
|
+
setcolor(gun,xlight)
|
|
5
|
+
no-repeat
|
|
6
|
+
center
|
|
7
|
+
right;
|
|
8
|
+
border: 1px solid setcolor(gun,light);
|
|
9
|
+
padding: 14px 12px 10px 12px;
|
|
10
|
+
color: setcolor(gun,dark);
|
|
8
11
|
-webkit-appearance: none;
|
|
12
|
+
border-radius: 4px;
|
|
9
13
|
display: block;
|
|
10
14
|
width: 100%;
|
|
15
|
+
}
|
|
11
16
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
17
|
+
select:focus {
|
|
18
|
+
outline: none;
|
|
15
19
|
}
|
data/_sass/block/form/text.scss
CHANGED
|
@@ -1,20 +1,15 @@
|
|
|
1
1
|
|
|
2
|
-
.textarea-wrap {
|
|
3
|
-
@include borderRad;
|
|
4
|
-
@include border;
|
|
5
|
-
display: block;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
2
|
textarea {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
background-color: setcolor(gun,xlight);
|
|
4
|
+
border: 1px solid setcolor(gun,light);
|
|
5
|
+
padding: 14px 12px 10px 12px;
|
|
6
|
+
color: setcolor(gun,dark);
|
|
12
7
|
width: 100% !important;
|
|
8
|
+
border-radius: 4px;
|
|
13
9
|
line-height: 1.3;
|
|
14
10
|
display: block;
|
|
15
11
|
outline: none;
|
|
16
12
|
height: 200px;
|
|
17
|
-
border: none;
|
|
18
13
|
resize: none;
|
|
19
14
|
margin: 0;
|
|
20
|
-
}
|
|
15
|
+
}
|
|
@@ -4,6 +4,13 @@
|
|
|
4
4
|
display: grid;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
@mixin FormColumns( $columns : 250px auto, $align : stretch ) {
|
|
8
|
+
grid-template-columns: $columns;
|
|
9
|
+
grid-column-gap: 20px;
|
|
10
|
+
align-items: $align;
|
|
11
|
+
display: grid;
|
|
12
|
+
}
|
|
13
|
+
|
|
7
14
|
@mixin RotateTitle($origin : bottom left, $deg : 90){
|
|
8
15
|
transform: rotate(-#{$deg}deg);
|
|
9
16
|
transform-origin: $origin;
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
@mixin splitrow( $columns : 250px auto, $align : stretch ) {
|
|
3
|
-
grid-template-columns: $columns;
|
|
4
|
-
grid-column-gap: 20px;
|
|
5
|
-
align-items: $align;
|
|
6
|
-
display: grid;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
2
|
// deprecated
|
|
10
3
|
@mixin border( $col : setcolor(slate), $tint : 50% ) {
|
|
11
4
|
border: 1px solid rgba( $col, $tint );
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
|
-
// Alert modules require a darker color tint
|
|
3
|
-
@mixin AlertColorCalc($custom
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
2
|
+
// // Alert modules require a darker color tint
|
|
3
|
+
// @mixin AlertColorCalc($custom) {
|
|
4
|
+
// // custom background color tint
|
|
5
|
+
// background-color: setcolor($custom,xlight);
|
|
6
|
+
// // border color = background * 0.65
|
|
7
|
+
// border: 1px solid setcolor($custom,light);
|
|
8
|
+
// // custom foreground color
|
|
9
|
+
// color: setcolor($custom,dark);
|
|
10
|
+
// }
|
|
11
11
|
|
|
12
12
|
// Used in Mindsets
|
|
13
13
|
@mixin ThemeMorph($name,$color) {
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
|
|
46
46
|
// Used in Patterns
|
|
47
47
|
|
|
48
|
-
@mixin ThemeHeader($chapter,$title,$color
|
|
48
|
+
@mixin ThemeHeader($chapter,$title,$color) {
|
|
49
49
|
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
50
50
|
|
|
51
51
|
.block.header {
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
// Used in Patterns
|
|
75
|
-
@mixin ThemeCheckbox($chapter,$title,$color
|
|
75
|
+
@mixin ThemeCheckbox($chapter,$title,$color) {
|
|
76
76
|
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
77
77
|
.checkbox-input:checked + label {
|
|
78
78
|
background-color: setcolor($color,xlight);
|
|
@@ -83,56 +83,26 @@
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
// Used in Patterns
|
|
86
|
-
@mixin
|
|
87
|
-
.
|
|
88
|
-
|
|
89
|
-
label.radio, label.jcf-radio-label {
|
|
90
|
-
color: $col;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.jcf-radio {
|
|
94
|
-
@include borderCol($col);
|
|
95
|
-
@include bg($col);
|
|
96
|
-
|
|
97
|
-
span {
|
|
98
|
-
background: $col;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
// Used in Patterns
|
|
105
|
-
@mixin ThemeTextArea($name,$col) {
|
|
106
|
-
.area.title-#{$name} {
|
|
107
|
-
|
|
86
|
+
@mixin ThemeTextArea($chapter,$title,$color) {
|
|
87
|
+
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
108
88
|
label.textarea {
|
|
109
|
-
color: $
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.textarea-wrap {
|
|
113
|
-
@include borderCol($col);
|
|
89
|
+
color: setcolor($color,dark);
|
|
114
90
|
}
|
|
115
|
-
|
|
116
91
|
textarea {
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
92
|
+
background-color: setcolor($color,xlight);
|
|
93
|
+
border: 1px solid setcolor($color,light);
|
|
94
|
+
color: setcolor($color,dark);
|
|
120
95
|
}
|
|
121
96
|
}
|
|
122
97
|
}
|
|
123
98
|
|
|
124
99
|
// Used in Patterns
|
|
125
|
-
@mixin ThemeSelect($
|
|
126
|
-
.
|
|
127
|
-
|
|
128
|
-
label.select {
|
|
129
|
-
color: $col;
|
|
130
|
-
}
|
|
131
|
-
|
|
100
|
+
@mixin ThemeSelect($chapter,$title,$color) {
|
|
101
|
+
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
132
102
|
select {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
103
|
+
background: setcolor($color,xlight);
|
|
104
|
+
border: 1px solid setcolor($color,light);
|
|
105
|
+
color: setcolor($color,dark);
|
|
136
106
|
}
|
|
137
107
|
}
|
|
138
108
|
}
|
|
@@ -162,26 +132,21 @@
|
|
|
162
132
|
}
|
|
163
133
|
|
|
164
134
|
// Used in Patterns
|
|
165
|
-
@mixin ThemeText($
|
|
166
|
-
.
|
|
167
|
-
|
|
135
|
+
@mixin ThemeText($chapter,$title,$color) {
|
|
136
|
+
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
168
137
|
label {
|
|
169
|
-
|
|
138
|
+
color: setcolor($color,dark);
|
|
170
139
|
}
|
|
171
|
-
|
|
172
140
|
input[type="text"] {
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
.textinput-border {
|
|
178
|
-
@include borderCol($col);
|
|
141
|
+
border: 1px solid setcolor($color,light) !important;
|
|
142
|
+
background-color: setcolor($color,xlight);
|
|
143
|
+
color: setcolor($color,dark);
|
|
179
144
|
}
|
|
180
145
|
}
|
|
181
146
|
}
|
|
182
147
|
|
|
183
148
|
// Used in Patterns
|
|
184
|
-
@mixin ThemePassword($chapter,$title,$color
|
|
149
|
+
@mixin ThemePassword($chapter,$title,$color) {
|
|
185
150
|
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
186
151
|
.block.password-strength {
|
|
187
152
|
background-color: setcolor($color);
|
|
@@ -202,7 +167,7 @@
|
|
|
202
167
|
}
|
|
203
168
|
|
|
204
169
|
// Used in Patterns
|
|
205
|
-
@mixin ThemeCallout($chapter,$title,$color
|
|
170
|
+
@mixin ThemeCallout($chapter,$title,$color) {
|
|
206
171
|
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
207
172
|
.block.title {
|
|
208
173
|
background-color: setcolor($color,xlight);
|
|
@@ -212,7 +177,7 @@
|
|
|
212
177
|
}
|
|
213
178
|
|
|
214
179
|
// Used in Patterns
|
|
215
|
-
@mixin ThemeAlert($chapter,$title,$color
|
|
180
|
+
@mixin ThemeAlert($chapter,$title,$color) {
|
|
216
181
|
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
217
182
|
.block.form-alert {
|
|
218
183
|
background-color: setcolor($color,xlight);
|
|
@@ -223,7 +188,7 @@
|
|
|
223
188
|
}
|
|
224
189
|
|
|
225
190
|
// Used in Patterns
|
|
226
|
-
@mixin ThemeButton($chapter,$title,$color
|
|
191
|
+
@mixin ThemeButton($chapter,$title,$color) {
|
|
227
192
|
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
228
193
|
.button-wrap {
|
|
229
194
|
background: setcolor($color);
|
|
@@ -144,7 +144,10 @@ $colormap : (
|
|
|
144
144
|
),
|
|
145
145
|
|
|
146
146
|
paradise : (
|
|
147
|
-
base : #e8396c
|
|
147
|
+
base : #e8396c,
|
|
148
|
+
dark : darken(#e8396c,10%), // untested
|
|
149
|
+
light : lighten(#e8396c,20%), // untested
|
|
150
|
+
xlight : lighten(#e8396c,40%) // untested
|
|
148
151
|
),
|
|
149
152
|
|
|
150
153
|
artforall : (
|
|
@@ -192,17 +195,17 @@ $colormap : (
|
|
|
192
195
|
),
|
|
193
196
|
|
|
194
197
|
gun : (
|
|
195
|
-
base : #666666,
|
|
196
|
-
dark : darken(#666666,10%),
|
|
197
|
-
light : lighten(#666666,
|
|
198
|
-
xlight : lighten(#666666,
|
|
198
|
+
base : #666666, // untested
|
|
199
|
+
dark : darken(#666666,10%), // untested
|
|
200
|
+
light : lighten(#666666,32%), // untested
|
|
201
|
+
xlight : lighten(#666666,56%) // untested
|
|
199
202
|
),
|
|
200
203
|
|
|
201
204
|
slate : (
|
|
202
|
-
base : #333333,
|
|
203
|
-
dark : darken(#333333,10%),
|
|
204
|
-
light : lighten(#333333,50%),
|
|
205
|
-
xlight : lighten(#333333,75%)
|
|
205
|
+
base : #333333, // tested
|
|
206
|
+
dark : darken(#333333,10%), // tested
|
|
207
|
+
light : lighten(#333333,50%), // tested
|
|
208
|
+
xlight : lighten(#333333,75%) // tested
|
|
206
209
|
),
|
|
207
210
|
|
|
208
211
|
carbon : (
|
data/_sass/title/checkbox.scss
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
.title.checkbox-label {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
border: 1px solid setcolor(slate,light);
|
|
3
|
+
border: 1px solid setcolor(gun,light);
|
|
4
|
+
padding: 14px 12px 10px 40px;
|
|
6
5
|
background-color: white;
|
|
7
|
-
color: setcolor(
|
|
8
|
-
|
|
6
|
+
color: setcolor(gun,dark);
|
|
7
|
+
border-radius: 4px;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.title.checkbox-label:hover {
|
|
12
|
+
background-color: darken(white,3%);
|
|
13
|
+
}
|
|
9
14
|
|
|
10
|
-
&:hover {
|
|
11
|
-
background-color: setcolor(slate,xlight);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
}
|
data/_sass/title/form.scss
CHANGED
|
@@ -1,7 +1,24 @@
|
|
|
1
1
|
|
|
2
2
|
.title.form-label {
|
|
3
|
+
@extend %bold;
|
|
3
4
|
@media#{map-get($query,max767)} {
|
|
4
5
|
margin-bottom: 5px;
|
|
5
6
|
display: block;
|
|
6
7
|
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.title.form-label.style-top {
|
|
11
|
+
@media#{map-get($query,min768)} {
|
|
12
|
+
padding-top: 14px;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.title.form-label.style-center {
|
|
17
|
+
@media#{map-get($query,min768)} {
|
|
18
|
+
align-self: center;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.title.form-label small {
|
|
23
|
+
@extend %book;
|
|
7
24
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<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="36" height="46" viewBox="0 0 36 46" xml:space="preserve" enable-background="new 0 0 36 46"><style type="text/css">.st0{fill:#ebebeb}.st1{fill:#aaa}.st2{fill:#969696}</style><rect class="st0" width="36" height="46"/><rect class="st1" width="1" height="46"/><path class="st2" d="M23,19.9l-5,5l-5-5l-1.6,1.6l6.6,6.6l6.6-6.6L23,19.9z"/></svg>
|
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: 1.0.
|
|
4
|
+
version: 1.0.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-05-
|
|
11
|
+
date: 2020-05-14 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -311,6 +311,7 @@ files:
|
|
|
311
311
|
- assets/fonts/230883_3_0.eot
|
|
312
312
|
- assets/fonts/230883_3_0.ttf
|
|
313
313
|
- assets/fonts/230883_3_0.woff
|
|
314
|
+
- assets/imgs/dropdown.svg
|
|
314
315
|
- assets/js/footer/custom/1_Settings.js
|
|
315
316
|
- assets/js/footer/custom/2_Check.width.js
|
|
316
317
|
- assets/js/footer/custom/3_Setup.browse.js
|