futuro 1.0.3 → 1.0.4
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/form/date.liquid +33 -186
- data/_includes/html/page/content/loop/form/item.liquid +23 -4
- data/_includes/html/page/content/loop/form/legend.liquid +11 -14
- data/_includes/html/page/content/loop/form/select.liquid +6 -10
- data/_includes/html/page/content/loop/form/text.liquid +12 -8
- data/_includes/html/page/content/loop/form/textarea.liquid +5 -1
- data/_includes/html/page/content/loop/select/create.liquid +23 -0
- data/_includes/svg/site/icon.liquid +81 -0
- data/_sass/_base.scss +15 -1
- data/_sass/block/form/input.scss +2 -29
- data/_sass/block/form/legend.scss +23 -18
- data/_sass/block/form/text.scss +7 -13
- data/_sass/block/form.scss +4 -8
- data/_sass/futuro.core.scss +20 -2
- data/_sass/helpers/extends/layout.scss +17 -0
- data/_sass/helpers/extends.scss +29 -40
- data/_sass/helpers/mixins/theme.scss +25 -12
- data/_sass/helpers/variables.scss +13 -0
- data/_sass/wrap/select.scss +4 -0
- data/_sass/wrap/text.scss +12 -0
- metadata +8 -5
- data/_sass/block/form/select.scss +0 -19
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e14eae76ee34db3cdd734f8fc4d95ba7254670853c10a4dbbdc9b40873741be1
|
|
4
|
+
data.tar.gz: 260c1896c46208c945999a35d90f066525551297101fc20ae47d8bd31991f32a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 683fd214e2e4fb9d0679dfc93a6f5238fc842165cf3c8fd4a8c87eeac8a7cd5cf4a21783f95306dcd8423f7be641905a9e959f920ecdd79ed02542a247167d32
|
|
7
|
+
data.tar.gz: 66499ac495a2f0de84dcbc063aca0eea3d19882d6cef5365661dcada80fba2f6847ef340a3b03c3d43009c1d55320038dd708724e497b02d1aa8fdf47810031b
|
|
@@ -2,195 +2,42 @@
|
|
|
2
2
|
<p class="block form-row date-row">
|
|
3
3
|
|
|
4
4
|
{%- include {{ LoopForm | append : 'label.liquid' }}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
title = item.date
|
|
6
|
+
small = item.small
|
|
7
|
+
subtitle = item.subtitle
|
|
8
|
+
class = "form-label" -%}
|
|
9
9
|
|
|
10
10
|
<span class="block form-date-group">
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
<option value="27">27</option>
|
|
42
|
-
<option value="28">28</option>
|
|
43
|
-
<option value="29">29</option>
|
|
44
|
-
<option value="30">30</option>
|
|
45
|
-
<option value="31">31</option>
|
|
46
|
-
|
|
47
|
-
</select>
|
|
48
|
-
|
|
49
|
-
<select>
|
|
50
|
-
|
|
51
|
-
<option value="Month">Month</option>
|
|
52
|
-
<option value="Jan">Jan</option>
|
|
53
|
-
<option value="Feb">Feb</option>
|
|
54
|
-
<option value="Mar">Mar</option>
|
|
55
|
-
<option value="Apr">Apr</option>
|
|
56
|
-
<option value="May">May</option>
|
|
57
|
-
<option value="Jun">Jun</option>
|
|
58
|
-
<option value="Jul">Jul</option>
|
|
59
|
-
<option value="Aug">Aug</option>
|
|
60
|
-
<option value="Sep">Sep</option>
|
|
61
|
-
<option value="Oct">Oct</option>
|
|
62
|
-
<option value="Nov">Nov</option>
|
|
63
|
-
<option value="Dec">Dec</option>
|
|
64
|
-
</select>
|
|
65
|
-
|
|
66
|
-
<select>
|
|
67
|
-
|
|
68
|
-
<option value="Year">Year</option>
|
|
69
|
-
<option value="2020">2020</option>
|
|
70
|
-
<option value="2019">2019</option>
|
|
71
|
-
<option value="2018">2018</option>
|
|
72
|
-
<option value="2017">2017</option>
|
|
73
|
-
<option value="2016">2016</option>
|
|
74
|
-
<option value="2015">2015</option>
|
|
75
|
-
<option value="2014">2014</option>
|
|
76
|
-
<option value="2013">2013</option>
|
|
77
|
-
<option value="2012">2012</option>
|
|
78
|
-
<option value="2011">2011</option>
|
|
79
|
-
<option value="2010">2010</option>
|
|
80
|
-
<option value="2020">2020</option>
|
|
81
|
-
<option value="2009">2009</option>
|
|
82
|
-
<option value="2008">2008</option>
|
|
83
|
-
<option value="2007">2007</option>
|
|
84
|
-
<option value="2006">2006</option>
|
|
85
|
-
<option value="2005">2005</option>
|
|
86
|
-
<option value="2004">2004</option>
|
|
87
|
-
<option value="2003">2003</option>
|
|
88
|
-
<option value="2002">2002</option>
|
|
89
|
-
<option value="2001">2001</option>
|
|
90
|
-
<option value="2000">2000</option>
|
|
91
|
-
<option value="1999">1999</option>
|
|
92
|
-
<option value="1998">1998</option>
|
|
93
|
-
<option value="1997">1997</option>
|
|
94
|
-
<option value="1996">1996</option>
|
|
95
|
-
<option value="1995">1995</option>
|
|
96
|
-
<option value="1994">1994</option>
|
|
97
|
-
<option value="1993">1993</option>
|
|
98
|
-
<option value="1992">1992</option>
|
|
99
|
-
<option value="1991">1991</option>
|
|
100
|
-
<option value="1990">1990</option>
|
|
101
|
-
<option value="1989">1989</option>
|
|
102
|
-
<option value="1988">1988</option>
|
|
103
|
-
<option value="1987">1987</option>
|
|
104
|
-
<option value="1986">1986</option>
|
|
105
|
-
<option value="1985">1985</option>
|
|
106
|
-
<option value="1984">1984</option>
|
|
107
|
-
<option value="1983">1983</option>
|
|
108
|
-
<option value="1982">1982</option>
|
|
109
|
-
<option value="1981">1981</option>
|
|
110
|
-
<option value="1980">1980</option>
|
|
111
|
-
<option value="1979">1979</option>
|
|
112
|
-
<option value="1978">1978</option>
|
|
113
|
-
<option value="1977">1977</option>
|
|
114
|
-
<option value="1976">1976</option>
|
|
115
|
-
<option value="1975">1975</option>
|
|
116
|
-
<option value="1974">1974</option>
|
|
117
|
-
<option value="1973">1973</option>
|
|
118
|
-
<option value="1972">1972</option>
|
|
119
|
-
<option value="1971">1971</option>
|
|
120
|
-
<option value="1970">1970</option>
|
|
121
|
-
<option value="1969">1969</option>
|
|
122
|
-
<option value="1968">1968</option>
|
|
123
|
-
<option value="1967">1967</option>
|
|
124
|
-
<option value="1966">1966</option>
|
|
125
|
-
<option value="1965">1965</option>
|
|
126
|
-
<option value="1964">1964</option>
|
|
127
|
-
<option value="1963">1963</option>
|
|
128
|
-
<option value="1962">1962</option>
|
|
129
|
-
<option value="1961">1961</option>
|
|
130
|
-
<option value="1960">1960</option>
|
|
131
|
-
<option value="1959">1959</option>
|
|
132
|
-
<option value="1958">1958</option>
|
|
133
|
-
<option value="1957">1957</option>
|
|
134
|
-
<option value="1956">1956</option>
|
|
135
|
-
<option value="1955">1955</option>
|
|
136
|
-
<option value="1954">1954</option>
|
|
137
|
-
<option value="1953">1953</option>
|
|
138
|
-
<option value="1952">1952</option>
|
|
139
|
-
<option value="1951">1951</option>
|
|
140
|
-
<option value="1950">1950</option>
|
|
141
|
-
<option value="1949">1949</option>
|
|
142
|
-
<option value="1948">1948</option>
|
|
143
|
-
<option value="1947">1947</option>
|
|
144
|
-
<option value="1946">1946</option>
|
|
145
|
-
<option value="1945">1945</option>
|
|
146
|
-
<option value="1944">1944</option>
|
|
147
|
-
<option value="1943">1943</option>
|
|
148
|
-
<option value="1942">1942</option>
|
|
149
|
-
<option value="1941">1941</option>
|
|
150
|
-
<option value="1940">1940</option>
|
|
151
|
-
<option value="1939">1939</option>
|
|
152
|
-
<option value="1938">1938</option>
|
|
153
|
-
<option value="1937">1937</option>
|
|
154
|
-
<option value="1936">1936</option>
|
|
155
|
-
<option value="1935">1935</option>
|
|
156
|
-
<option value="1934">1934</option>
|
|
157
|
-
<option value="1933">1933</option>
|
|
158
|
-
<option value="1932">1932</option>
|
|
159
|
-
<option value="1931">1931</option>
|
|
160
|
-
<option value="1930">1930</option>
|
|
161
|
-
<option value="1929">1929</option>
|
|
162
|
-
<option value="1928">1928</option>
|
|
163
|
-
<option value="1927">1927</option>
|
|
164
|
-
<option value="1926">1926</option>
|
|
165
|
-
<option value="1925">1925</option>
|
|
166
|
-
<option value="1924">1924</option>
|
|
167
|
-
<option value="1923">1923</option>
|
|
168
|
-
<option value="1922">1922</option>
|
|
169
|
-
<option value="1921">1921</option>
|
|
170
|
-
<option value="1920">1920</option>
|
|
171
|
-
<option value="1919">1919</option>
|
|
172
|
-
<option value="1918">1918</option>
|
|
173
|
-
<option value="1917">1917</option>
|
|
174
|
-
<option value="1916">1916</option>
|
|
175
|
-
<option value="1915">1915</option>
|
|
176
|
-
<option value="1914">1914</option>
|
|
177
|
-
<option value="1913">1913</option>
|
|
178
|
-
<option value="1912">1912</option>
|
|
179
|
-
<option value="1911">1911</option>
|
|
180
|
-
<option value="1910">1910</option>
|
|
181
|
-
<option value="1920">1920</option>
|
|
182
|
-
<option value="1909">1909</option>
|
|
183
|
-
<option value="1908">1908</option>
|
|
184
|
-
<option value="1907">1907</option>
|
|
185
|
-
<option value="1906">1906</option>
|
|
186
|
-
<option value="1905">1905</option>
|
|
187
|
-
<option value="1904">1904</option>
|
|
188
|
-
<option value="1903">1903</option>
|
|
189
|
-
<option value="1902">1902</option>
|
|
190
|
-
<option value="1901">1901</option>
|
|
191
|
-
<option value="1900">1900</option>
|
|
192
|
-
|
|
193
|
-
</select>
|
|
12
|
+
{% include {{ ContentLoop | append : 'select/create.liquid' }}
|
|
13
|
+
options = "Day, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
|
|
14
|
+
11, 12, 13, 14, 15, 16, 17, 18, 19,
|
|
15
|
+
20, 21, 22, 23, 24, 25, 26, 27, 28,
|
|
16
|
+
29, 30, 31" %}
|
|
17
|
+
|
|
18
|
+
{% include {{ ContentLoop | append : 'select/create.liquid' }}
|
|
19
|
+
options = "Month, Jan, Feb, Mar, Apr, May, Jun,
|
|
20
|
+
Jul, Aug, Sep, Oct, Nov, Dec" %}
|
|
21
|
+
|
|
22
|
+
{% include {{ ContentLoop | append : 'select/create.liquid' }}
|
|
23
|
+
options = "Year, 2020, 2019, 2018, 2017, 2016, 2015,
|
|
24
|
+
2014, 2013, 2012, 2011, 2010, 2020, 2009,
|
|
25
|
+
2008, 2007, 2006, 2005, 2004, 2003, 2002,
|
|
26
|
+
2001, 2000, 1999, 1998, 1997, 1996, 1995,
|
|
27
|
+
1994, 1993, 1992, 1991, 1990, 1989, 1988,
|
|
28
|
+
1987, 1986, 1985, 1984, 1983, 1982, 1981,
|
|
29
|
+
1980, 1979, 1978, 1977, 1976, 1975, 1974,
|
|
30
|
+
1973, 1972, 1971, 1970, 1969, 1968, 1967,
|
|
31
|
+
1966, 1965, 1964, 1963, 1962, 1961, 1960,
|
|
32
|
+
1959, 1958, 1957, 1956, 1955, 1954, 1953,
|
|
33
|
+
1952, 1951, 1950, 1949, 1948, 1947, 1946,
|
|
34
|
+
1945, 1944, 1943, 1942, 1941, 1940, 1939,
|
|
35
|
+
1938, 1937, 1936, 1935, 1934, 1933, 1932,
|
|
36
|
+
1931, 1930, 1929, 1928, 1927, 1926, 1925,
|
|
37
|
+
1924, 1923, 1922, 1921, 1920, 1919, 1918,
|
|
38
|
+
1917, 1916, 1915, 1914, 1913, 1912, 1911,
|
|
39
|
+
1910, 1920, 1909, 1908, 1907, 1906, 1905,
|
|
40
|
+
1904, 1903, 1902, 1901, 1900" %}
|
|
194
41
|
|
|
195
42
|
</span>
|
|
196
43
|
|
|
@@ -1,16 +1,32 @@
|
|
|
1
1
|
|
|
2
2
|
{%- if include.context == "legend" -%}
|
|
3
3
|
|
|
4
|
+
{% assign StyleDot = include.title | slice : 6
|
|
5
|
+
| prepend : 'style-level-'
|
|
6
|
+
| downcase %}
|
|
7
|
+
|
|
4
8
|
<span class="block legend-row">
|
|
5
9
|
|
|
6
10
|
<span class="block legend-item">
|
|
7
|
-
|
|
8
|
-
<span class="block legend-item-
|
|
9
|
-
|
|
11
|
+
|
|
12
|
+
<span class="block legend-item-dot {{ StyleDot }}">
|
|
13
|
+
|
|
14
|
+
{% include {{ SvgIcon }} type="dot" %}
|
|
15
|
+
|
|
10
16
|
</span>
|
|
17
|
+
|
|
18
|
+
<span class="block legend-item-title">{{ include.title }}</span>
|
|
19
|
+
|
|
11
20
|
<span class="block legend-item-price">
|
|
12
|
-
|
|
21
|
+
|
|
22
|
+
{% if include.price %}
|
|
23
|
+
|
|
24
|
+
{{ include.price | prepend: '£' }}
|
|
25
|
+
|
|
26
|
+
{% endif %}
|
|
27
|
+
|
|
13
28
|
</span>
|
|
29
|
+
|
|
14
30
|
</span>
|
|
15
31
|
|
|
16
32
|
</span>
|
|
@@ -20,8 +36,11 @@
|
|
|
20
36
|
<p class="block form-row item-row">
|
|
21
37
|
|
|
22
38
|
<span class="block item-object">
|
|
39
|
+
|
|
23
40
|
<span>{{ item.item }}</span>
|
|
41
|
+
|
|
24
42
|
<span class="block item-object-price">{{ item.price | prepend: '£' }}</span>
|
|
43
|
+
|
|
25
44
|
</span>
|
|
26
45
|
|
|
27
46
|
</p>
|
|
@@ -1,35 +1,32 @@
|
|
|
1
1
|
|
|
2
2
|
<p class="block fieldset-row">
|
|
3
3
|
|
|
4
|
-
<span class="block legend-content">
|
|
4
|
+
<span class="block legend-content">
|
|
5
|
+
|
|
6
|
+
{% include {{ SvgIcon }} type="seatplan" %}
|
|
7
|
+
|
|
8
|
+
</span>
|
|
5
9
|
|
|
6
10
|
<span class="block legend-key">
|
|
7
11
|
|
|
8
12
|
{%- for item in item.legend -%}
|
|
9
13
|
|
|
10
|
-
{%- if item.
|
|
14
|
+
{%- if item.level -%}
|
|
11
15
|
|
|
12
|
-
{%- include {{ LoopForm | append : '
|
|
13
|
-
context = "legend"
|
|
16
|
+
{%- include {{ LoopForm | append : 'item.liquid' }}
|
|
17
|
+
context = "legend"
|
|
18
|
+
title = item.level
|
|
19
|
+
price = item.price -%}
|
|
14
20
|
|
|
15
21
|
{%- elsif item.fee -%}
|
|
16
22
|
|
|
17
23
|
{%- include {{ LoopForm | append : 'fee.liquid' }}
|
|
18
24
|
context = "legend" -%}
|
|
19
25
|
|
|
20
|
-
{%- elsif item.desc -%}
|
|
21
|
-
|
|
22
|
-
{%- for item in item.desc -%}
|
|
23
|
-
|
|
24
|
-
{%- include {{ LoopForm | append : 'item.liquid' }}
|
|
25
|
-
context = "legend" -%}
|
|
26
|
-
|
|
27
|
-
{%- endfor -%}
|
|
28
|
-
|
|
29
26
|
{%- elsif item.button -%}
|
|
30
27
|
|
|
31
28
|
{%- include {{ LoopForm | append : 'button.liquid' }}
|
|
32
|
-
context = "legend" -%}
|
|
29
|
+
context = "legend" -%}
|
|
33
30
|
|
|
34
31
|
{%- endif -%}
|
|
35
32
|
|
|
@@ -7,16 +7,12 @@
|
|
|
7
7
|
subtitle = item.subtitle
|
|
8
8
|
class = "form-label" -%}
|
|
9
9
|
|
|
10
|
-
{% assign
|
|
11
|
-
|
|
10
|
+
{% assign PrepList = item.list | replace : '[',''
|
|
11
|
+
| replace : '{"option"=>"',''
|
|
12
|
+
| replace : '"}',''
|
|
13
|
+
| replace : ']','' %}
|
|
12
14
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
{%- for item in loop -%}
|
|
16
|
-
{% assign value = item.option | replace: ' ','-' | downcase %}
|
|
17
|
-
<option value="{{ value }}">{{ item.option }}</option>
|
|
18
|
-
{%- endfor -%}
|
|
19
|
-
|
|
20
|
-
</select>
|
|
15
|
+
{% include {{ ContentLoop | append : 'select/create.liquid' }}
|
|
16
|
+
options = PrepList %}
|
|
21
17
|
|
|
22
18
|
</p>
|
|
@@ -21,18 +21,22 @@
|
|
|
21
21
|
small = item.small
|
|
22
22
|
class = "form-label" %}
|
|
23
23
|
|
|
24
|
-
<span class="
|
|
24
|
+
<span class="block text-input {% if item.tag %}{{ ItemTags }}{% endif %}">
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
type = "text"
|
|
28
|
-
id = for
|
|
29
|
-
name = "name"
|
|
30
|
-
class = "text-input" %}
|
|
26
|
+
<span class="wrap text-input">
|
|
31
27
|
|
|
28
|
+
{% include {{ LoopForm | append : 'input.liquid' }}
|
|
29
|
+
type = "text"
|
|
30
|
+
id = for
|
|
31
|
+
name = "name"
|
|
32
|
+
class = "text-input" %}
|
|
33
|
+
|
|
34
|
+
</span>
|
|
35
|
+
|
|
32
36
|
{% if item.inline %}
|
|
33
|
-
|
|
37
|
+
|
|
34
38
|
<small>{{ item.inline }}</small>
|
|
35
|
-
|
|
39
|
+
|
|
36
40
|
{% endif %}
|
|
37
41
|
|
|
38
42
|
</span>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
{% assign IncludeOptions = include.options | split : ', ' %}
|
|
3
|
+
|
|
4
|
+
<span class="wrap select">
|
|
5
|
+
|
|
6
|
+
<select>
|
|
7
|
+
|
|
8
|
+
{% for item in IncludeOptions %}
|
|
9
|
+
|
|
10
|
+
<option value="{{item}}">{{item}}</option>
|
|
11
|
+
|
|
12
|
+
{% endfor %}
|
|
13
|
+
|
|
14
|
+
</select>
|
|
15
|
+
|
|
16
|
+
<span class="block select-dropdown">
|
|
17
|
+
|
|
18
|
+
{% include {{ SvgIcon }} type='more' %}
|
|
19
|
+
|
|
20
|
+
</span>
|
|
21
|
+
|
|
22
|
+
</span>
|
|
23
|
+
|
|
@@ -63,4 +63,85 @@
|
|
|
63
63
|
|
|
64
64
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path class="background" d="M19,19h-8v-8h8V19z M33,17c0,8.8-7.2,16-16,16S1,25.8,1,17S8.2,1,17,1S33,8.2,33,17z M25,13h-4V9H9 v12h4v4h12V13z M21,21h-6v2h8v-8h-2V21z"/><path class="foreground" fill="#000" d="M21,13V9H9v12h4v4h12V13H21z M11,19v-8h8v8H11z M23,23h-8v-2h6v-6h2V23z"/></svg>
|
|
65
65
|
|
|
66
|
+
{%- elsif include.type == "dot" -%}
|
|
67
|
+
|
|
68
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M6,0c3.3,0,6,2.7,6,6s-2.7,6-6,6S0,9.3,0,6S2.7,0,6,0z"/></svg>
|
|
69
|
+
|
|
70
|
+
{%- elsif include.type == "seatplan" -%}
|
|
71
|
+
|
|
72
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
|
|
73
|
+
<path class="style-level-d" d="M109,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,102.5,109,102.5z"/>
|
|
74
|
+
<path class="style-level-d" d="M91,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S87.4,102.5,91,102.5z"/>
|
|
75
|
+
<path class="style-level-l" d="M73,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S69.4,102.5,73,102.5z"/>
|
|
76
|
+
<path class="style-level-l" d="M55,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S51.4,102.5,55,102.5z"/>
|
|
77
|
+
<path class="style-level-l" d="M37,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S33.4,102.5,37,102.5z"/>
|
|
78
|
+
<path class="style-level-d" d="M19,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S15.4,102.5,19,102.5z"/>
|
|
79
|
+
<path class="style-level-d" d="M127,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S123.4,102.5,127,102.5z"/>
|
|
80
|
+
<path class="style-level-d" d="M145,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S141.4,102.5,145,102.5z"/>
|
|
81
|
+
<path class="style-level-d" d="M163,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S159.4,102.5,163,102.5z"/>
|
|
82
|
+
<path class="style-level-d" d="M181,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S177.4,102.5,181,102.5z"/>
|
|
83
|
+
<path class="style-level-c" d="M109,120.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,120.5,109,120.5z"/>
|
|
84
|
+
<path class="style-level-c" d="M91,120.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S87.4,120.5,91,120.5z"/>
|
|
85
|
+
<path class="style-level-c" d="M73,120.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S69.4,120.5,73,120.5z"/>
|
|
86
|
+
<path class="style-level-c" d="M55,120.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S51.4,120.5,55,120.5z"/>
|
|
87
|
+
<path class="style-level-c" d="M37,120.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S33.4,120.5,37,120.5z"/>
|
|
88
|
+
<path class="style-level-c" d="M127,120.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S123.4,120.5,127,120.5z"/>
|
|
89
|
+
<path class="style-level-c" d="M145,120.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S141.4,120.5,145,120.5z"/>
|
|
90
|
+
<path class="style-level-c" d="M163,120.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S159.4,120.5,163,120.5z"/>
|
|
91
|
+
<path class="style-level-b" d="M109,156.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,156.5,109,156.5z"/>
|
|
92
|
+
<path class="style-level-b" d="M91,156.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S87.4,156.5,91,156.5z"/>
|
|
93
|
+
<path class="style-level-b" d="M73,156.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S69.4,156.5,73,156.5z"/>
|
|
94
|
+
<path class="style-level-b" d="M55,156.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S51.4,156.5,55,156.5z"/>
|
|
95
|
+
<path class="style-level-b" d="M37,156.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S33.4,156.5,37,156.5z"/>
|
|
96
|
+
<path class="style-level-b" d="M127,156.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S123.4,156.5,127,156.5z"/>
|
|
97
|
+
<path class="style-level-l" d="M145,156.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S141.4,156.5,145,156.5z"/>
|
|
98
|
+
<path class="style-level-l" d="M163,156.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S159.4,156.5,163,156.5z"/>
|
|
99
|
+
<path class="style-level-l" d="M109,174.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,174.5,109,174.5z"/>
|
|
100
|
+
<path class="style-level-a" d="M91,174.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S87.4,174.5,91,174.5z"/>
|
|
101
|
+
<path class="style-level-a" d="M73,174.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S69.4,174.5,73,174.5z"/>
|
|
102
|
+
<path class="style-level-a" d="M55,174.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S51.4,174.5,55,174.5z"/>
|
|
103
|
+
<path class="style-level-a" d="M127,174.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S123.4,174.5,127,174.5z"/>
|
|
104
|
+
<path class="style-level-a" d="M145,174.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S141.4,174.5,145,174.5z"/>
|
|
105
|
+
<path class="style-level-e" d="M109,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,84.5,109,84.5z"/>
|
|
106
|
+
<path class="style-level-e" d="M91,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S87.4,84.5,91,84.5z"/>
|
|
107
|
+
<path class="style-level-e" d="M73,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S69.4,84.5,73,84.5z"/>
|
|
108
|
+
<path class="style-level-e" d="M55,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S51.4,84.5,55,84.5z"/>
|
|
109
|
+
<path class="style-level-e" d="M37,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S33.4,84.5,37,84.5z"/>
|
|
110
|
+
<path class="style-level-e" d="M19,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S15.4,84.5,19,84.5z"/>
|
|
111
|
+
<path class="style-level-e" d="M127,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S123.4,84.5,127,84.5z"/>
|
|
112
|
+
<path class="style-level-e" d="M145,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S141.4,84.5,145,84.5z"/>
|
|
113
|
+
<path class="style-level-l" d="M163,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S159.4,84.5,163,84.5z"/>
|
|
114
|
+
<path class="style-level-l" d="M181,84.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S177.4,84.5,181,84.5z"/>
|
|
115
|
+
<path class="style-level-l" d="M109,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,48.5,109,48.5z"/>
|
|
116
|
+
<path class="style-level-f" d="M91,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S87.4,48.5,91,48.5z"/>
|
|
117
|
+
<path class="style-level-f" d="M73,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S69.4,48.5,73,48.5z"/>
|
|
118
|
+
<path class="style-level-f" d="M55,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S51.4,48.5,55,48.5z"/>
|
|
119
|
+
<path class="style-level-f" d="M37,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S33.4,48.5,37,48.5z"/>
|
|
120
|
+
<path class="style-level-f" d="M19,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S15.4,48.5,19,48.5z"/>
|
|
121
|
+
<path class="style-level-f" d="M127,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S123.4,48.5,127,48.5z"/>
|
|
122
|
+
<path class="style-level-f" d="M145,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S141.4,48.5,145,48.5z"/>
|
|
123
|
+
<path class="style-level-f" d="M163,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S159.4,48.5,163,48.5z"/>
|
|
124
|
+
<path class="style-level-f" d="M181,48.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S177.4,48.5,181,48.5z"/>
|
|
125
|
+
<path class="style-level-g" d="M109,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,30.5,109,30.5z"/>
|
|
126
|
+
<path class="style-level-l" d="M91,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S87.4,30.5,91,30.5z"/>
|
|
127
|
+
<path class="style-level-l" d="M73,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S69.4,30.5,73,30.5z"/>
|
|
128
|
+
<path class="style-level-l" d="M55,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S51.4,30.5,55,30.5z"/>
|
|
129
|
+
<path class="style-level-g" d="M37,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S33.4,30.5,37,30.5z"/>
|
|
130
|
+
<path class="style-level-g" d="M19,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S15.4,30.5,19,30.5z"/>
|
|
131
|
+
<path class="style-level-g" d="M127,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S123.4,30.5,127,30.5z"/>
|
|
132
|
+
<path class="style-level-g" d="M145,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S141.4,30.5,145,30.5z"/>
|
|
133
|
+
<path class="style-level-g" d="M163,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S159.4,30.5,163,30.5z"/>
|
|
134
|
+
<path class="style-level-g" d="M181,30.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S177.4,30.5,181,30.5z"/>
|
|
135
|
+
<path class="style-level-y" d="M109,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,12.5,109,12.5z"/>
|
|
136
|
+
<path class="style-level-y" d="M91,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S87.4,12.5,91,12.5z"/>
|
|
137
|
+
<path class="style-level-y" d="M73,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S69.4,12.5,73,12.5z"/>
|
|
138
|
+
<path class="style-level-y" d="M55,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S51.4,12.5,55,12.5z"/>
|
|
139
|
+
<path class="style-level-y" d="M37,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S33.4,12.5,37,12.5z"/>
|
|
140
|
+
<path class="style-level-y" d="M19,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S15.4,12.5,19,12.5z"/>
|
|
141
|
+
<path class="style-level-y" d="M127,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S123.4,12.5,127,12.5z"/>
|
|
142
|
+
<path class="style-level-y" d="M145,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S141.4,12.5,145,12.5z"/>
|
|
143
|
+
<path class="style-level-y" d="M163,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S159.4,12.5,163,12.5z"/>
|
|
144
|
+
<path class="style-level-y" d="M181,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S177.4,12.5,181,12.5z"/>
|
|
145
|
+
</svg>
|
|
146
|
+
|
|
66
147
|
{%- endif -%}
|
data/_sass/_base.scss
CHANGED
|
@@ -132,8 +132,8 @@ img {
|
|
|
132
132
|
|
|
133
133
|
button {
|
|
134
134
|
@extend %bold;
|
|
135
|
-
@include borderRad($radius);
|
|
136
135
|
@include PadBtn;
|
|
136
|
+
border-radius: 4px;
|
|
137
137
|
position: relative;
|
|
138
138
|
background: none;
|
|
139
139
|
border-width: 0;
|
|
@@ -161,3 +161,17 @@ button.navigation.book {
|
|
|
161
161
|
button.navigation.search {
|
|
162
162
|
width: 36px;
|
|
163
163
|
}
|
|
164
|
+
|
|
165
|
+
textarea {
|
|
166
|
+
@extend %InputReset;
|
|
167
|
+
line-height: 1.3;
|
|
168
|
+
outline: none;
|
|
169
|
+
height: 200px;
|
|
170
|
+
resize: none;
|
|
171
|
+
margin: 0;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
select {
|
|
175
|
+
@extend %InputReset;
|
|
176
|
+
-webkit-appearance: none;
|
|
177
|
+
}
|
data/_sass/block/form/input.scss
CHANGED
|
@@ -1,37 +1,10 @@
|
|
|
1
1
|
|
|
2
|
-
%textinput {
|
|
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);
|
|
7
|
-
-webkit-appearance: none;
|
|
8
|
-
border-radius: 4px;
|
|
9
|
-
display: block;
|
|
10
|
-
width: 100%;
|
|
11
|
-
border: 0;
|
|
12
|
-
|
|
13
|
-
&:focus {
|
|
14
|
-
outline: none;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.wrap.text-input small {
|
|
19
|
-
@extend %smallstyle;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.wrap.text-input.tag-stub {
|
|
23
|
-
grid-template-columns: 100px auto;
|
|
24
|
-
grid-column-gap: 10px;
|
|
25
|
-
align-items: center;
|
|
26
|
-
display: grid;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
2
|
input[type="text"] {
|
|
30
|
-
@extend %
|
|
3
|
+
@extend %TextInput;
|
|
31
4
|
}
|
|
32
5
|
|
|
33
6
|
input[type="email"] {
|
|
34
|
-
@extend %
|
|
7
|
+
@extend %TextInput;
|
|
35
8
|
}
|
|
36
9
|
|
|
37
10
|
input[type="checkbox"] {
|
|
@@ -6,13 +6,12 @@
|
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.block.legend-row {
|
|
9
|
-
padding:
|
|
9
|
+
padding: 8px;
|
|
10
10
|
display: block;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.block.legend-row + .block.legend-row {
|
|
14
|
-
border-top: 1px solid
|
|
15
|
-
padding-top: ($radius * 2);
|
|
14
|
+
border-top: 1px solid darken(setcolor(gun,xlight),10%);
|
|
16
15
|
}
|
|
17
16
|
|
|
18
17
|
.block.legend-row + .block.legend-row.button-row {
|
|
@@ -26,9 +25,7 @@
|
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
.block.legend-row.button-row {
|
|
29
|
-
padding
|
|
30
|
-
padding-right: 0;
|
|
31
|
-
padding-left: 0;
|
|
28
|
+
padding: 32px 0 0;
|
|
32
29
|
}
|
|
33
30
|
|
|
34
31
|
.block.legend-key {
|
|
@@ -36,9 +33,12 @@
|
|
|
36
33
|
}
|
|
37
34
|
|
|
38
35
|
.block.legend-content {
|
|
39
|
-
|
|
40
|
-
border
|
|
36
|
+
background-color: setcolor(gun,xlight);
|
|
37
|
+
border: 1px solid darken(setcolor(gun,xlight),10%);
|
|
38
|
+
fill: setcolor(gun,light);
|
|
41
39
|
place-items: center;
|
|
40
|
+
border-radius: 4px;
|
|
41
|
+
overflow: hidden;
|
|
42
42
|
padding: 20px;
|
|
43
43
|
display: grid;
|
|
44
44
|
|
|
@@ -49,22 +49,27 @@
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
+
.block.legend-content svg {
|
|
53
|
+
width: 200px;
|
|
54
|
+
|
|
55
|
+
@media#{map-get($query,min440)} {
|
|
56
|
+
width: 240px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@media#{map-get($query,min768)} {
|
|
60
|
+
width: 270px;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
52
64
|
.block.legend-item {
|
|
53
|
-
grid-template-columns:
|
|
65
|
+
grid-template-columns: 13px auto auto;
|
|
54
66
|
grid-column-gap: 8px;
|
|
55
|
-
|
|
67
|
+
line-height: 1.1;
|
|
56
68
|
display: grid;
|
|
57
69
|
}
|
|
58
70
|
|
|
59
71
|
.block.legend-item-dot {
|
|
60
|
-
|
|
61
|
-
height: ($radius * 3);
|
|
62
|
-
width: ($radius * 3);
|
|
63
|
-
border-radius: 50%;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.block.legend-item-title {
|
|
67
|
-
line-height: 1.1;
|
|
72
|
+
padding-top: 2px;
|
|
68
73
|
}
|
|
69
74
|
|
|
70
75
|
.block.legend-fee {
|
data/_sass/block/form/text.scss
CHANGED
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
line-height: 1.3;
|
|
10
|
-
display: block;
|
|
11
|
-
outline: none;
|
|
12
|
-
height: 200px;
|
|
13
|
-
resize: none;
|
|
14
|
-
margin: 0;
|
|
2
|
+
// .block.text-input {}
|
|
3
|
+
|
|
4
|
+
.block.text-input.tag-stub {
|
|
5
|
+
grid-template-columns: 100px auto;
|
|
6
|
+
grid-column-gap: 10px;
|
|
7
|
+
align-items: center;
|
|
8
|
+
display: grid;
|
|
15
9
|
}
|
data/_sass/block/form.scss
CHANGED
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
|
|
2
2
|
.block.form-row {
|
|
3
|
-
|
|
4
3
|
@media#{map-get($query,min768)} {
|
|
5
|
-
|
|
6
4
|
@include FormColumns;
|
|
7
|
-
|
|
8
5
|
}
|
|
9
|
-
|
|
10
6
|
}
|
|
11
7
|
|
|
12
8
|
.block.form-date-group {
|
|
13
|
-
grid-
|
|
14
|
-
grid-
|
|
9
|
+
grid-column-gap: 20px;
|
|
10
|
+
grid-row-gap: 15px;
|
|
15
11
|
display: grid;
|
|
16
12
|
|
|
17
|
-
@media#{map-get($query,
|
|
18
|
-
grid-
|
|
13
|
+
@media#{map-get($query,min440)} {
|
|
14
|
+
grid-template-columns: 95px 110px 100px;
|
|
19
15
|
}
|
|
20
16
|
}
|
data/_sass/futuro.core.scss
CHANGED
|
@@ -53,7 +53,6 @@
|
|
|
53
53
|
"block/form/subheader",
|
|
54
54
|
"block/form/search",
|
|
55
55
|
"block/form/radio",
|
|
56
|
-
"block/form/select",
|
|
57
56
|
"block/form/screen",
|
|
58
57
|
"block/form/text",
|
|
59
58
|
"block/form/login",
|
|
@@ -113,7 +112,9 @@
|
|
|
113
112
|
"wrap/page",
|
|
114
113
|
"wrap/book",
|
|
115
114
|
"wrap/home",
|
|
116
|
-
"wrap/scroller"
|
|
115
|
+
"wrap/scroller",
|
|
116
|
+
"wrap/select",
|
|
117
|
+
"wrap/text";
|
|
117
118
|
|
|
118
119
|
// Other Styles
|
|
119
120
|
|
|
@@ -159,4 +160,21 @@
|
|
|
159
160
|
|
|
160
161
|
.util-share.type-page:hover {
|
|
161
162
|
fill: darken(setcolor(smoke),10%);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.wrap.select {
|
|
166
|
+
grid-template-columns: auto 34px;
|
|
167
|
+
display: grid;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.block.select-dropdown {
|
|
171
|
+
background-color: darken(setcolor(gun,xlight),3%);
|
|
172
|
+
border-left: 1px solid setcolor(gun,light);
|
|
173
|
+
place-items: center;
|
|
174
|
+
fill: setcolor(gun);
|
|
175
|
+
display: grid;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.block.select-dropdown svg {
|
|
179
|
+
width: 30px;
|
|
162
180
|
}
|
|
@@ -30,3 +30,20 @@
|
|
|
30
30
|
padding: 8px 10px 6px 10px;
|
|
31
31
|
border-bottom: 2px solid setcolor(gun);
|
|
32
32
|
}
|
|
33
|
+
|
|
34
|
+
%WrapInput {
|
|
35
|
+
border: 1px solid setcolor(gun,light);
|
|
36
|
+
border-radius: 4px;
|
|
37
|
+
overflow: hidden;
|
|
38
|
+
display: block;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
%InputReset {
|
|
42
|
+
background-color: setcolor(gun,xlight);
|
|
43
|
+
padding: 14px 12px 10px 12px;
|
|
44
|
+
color: setcolor(gun,dark);
|
|
45
|
+
border-radius: 0;
|
|
46
|
+
display: block;
|
|
47
|
+
width: 100%;
|
|
48
|
+
border: 0;
|
|
49
|
+
}
|
data/_sass/helpers/extends.scss
CHANGED
|
@@ -1,54 +1,43 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
%TextInput {
|
|
3
|
+
background-color: setcolor(gun,xlight);
|
|
4
|
+
padding: 14px 12px 10px 12px;
|
|
5
|
+
color: setcolor(gun,dark);
|
|
6
|
+
-webkit-appearance: none;
|
|
7
|
+
border-radius: 0;
|
|
8
|
+
display: block;
|
|
9
|
+
width: 100%;
|
|
10
|
+
border: 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
%SmallStyle {
|
|
14
|
+
@include ib;
|
|
15
|
+
@extend %book;
|
|
16
|
+
line-height: 1.3;
|
|
17
|
+
opacity: 0.5;
|
|
4
18
|
}
|
|
5
19
|
|
|
6
20
|
%tight {
|
|
7
21
|
letter-spacing: -0.03em;
|
|
8
22
|
}
|
|
9
23
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
%table {
|
|
13
|
-
grid-template-columns: 220px repeat(4,110px);
|
|
14
|
-
list-style: none;
|
|
15
|
-
display: grid;
|
|
16
|
-
padding: 0;
|
|
17
|
-
|
|
18
|
-
li {
|
|
19
|
-
padding: 5px;
|
|
20
|
-
|
|
21
|
-
&:nth-of-type(n+2) {
|
|
22
|
-
text-align: center;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
24
|
+
:focus {
|
|
25
|
+
outline: rgba(0,0,0,0);
|
|
25
26
|
}
|
|
26
27
|
|
|
27
|
-
//
|
|
28
|
+
// MINDSETS IMPORT ************************************************************
|
|
28
29
|
|
|
29
|
-
// %
|
|
30
|
-
//
|
|
31
|
-
//
|
|
32
|
-
//
|
|
33
|
-
//
|
|
34
|
-
// height: 16px;
|
|
35
|
-
// width: 16px;
|
|
30
|
+
// %table {
|
|
31
|
+
// grid-template-columns: 220px repeat(4,110px);
|
|
32
|
+
// list-style: none;
|
|
33
|
+
// display: grid;
|
|
34
|
+
// padding: 0;
|
|
36
35
|
|
|
37
|
-
//
|
|
38
|
-
//
|
|
39
|
-
// }
|
|
36
|
+
// li {
|
|
37
|
+
// padding: 5px;
|
|
40
38
|
|
|
41
|
-
//
|
|
42
|
-
//
|
|
43
|
-
//
|
|
44
|
-
// cursor: pointer;
|
|
45
|
-
// display: none;
|
|
39
|
+
// &:nth-of-type(n+2) {
|
|
40
|
+
// text-align: center;
|
|
41
|
+
// }
|
|
46
42
|
// }
|
|
47
43
|
// }
|
|
48
|
-
|
|
49
|
-
%smallstyle {
|
|
50
|
-
@include ib;
|
|
51
|
-
@extend %book;
|
|
52
|
-
line-height: 1.3;
|
|
53
|
-
opacity: 0.5;
|
|
54
|
-
}
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
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
|
-
// }
|
|
2
|
+
|
|
11
3
|
|
|
12
4
|
// Used in Mindsets
|
|
13
5
|
@mixin ThemeMorph($name,$color) {
|
|
@@ -71,6 +63,16 @@
|
|
|
71
63
|
}
|
|
72
64
|
}
|
|
73
65
|
|
|
66
|
+
// Used in Patterns
|
|
67
|
+
@mixin ThemeLevel($color) {
|
|
68
|
+
.legend-item-dot.style-level-#{$color} {
|
|
69
|
+
fill: setcolor(level,$color);
|
|
70
|
+
}
|
|
71
|
+
path.style-level-#{$color} {
|
|
72
|
+
fill: setcolor(level,$color);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
74
76
|
// Used in Patterns
|
|
75
77
|
@mixin ThemeCheckbox($chapter,$title,$color) {
|
|
76
78
|
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
@@ -88,9 +90,11 @@
|
|
|
88
90
|
label.textarea {
|
|
89
91
|
color: setcolor($color,dark);
|
|
90
92
|
}
|
|
93
|
+
.wrap.textarea {
|
|
94
|
+
border: 1px solid setcolor($color,light);
|
|
95
|
+
}
|
|
91
96
|
textarea {
|
|
92
97
|
background-color: setcolor($color,xlight);
|
|
93
|
-
border: 1px solid setcolor($color,light);
|
|
94
98
|
color: setcolor($color,dark);
|
|
95
99
|
}
|
|
96
100
|
}
|
|
@@ -99,9 +103,16 @@
|
|
|
99
103
|
// Used in Patterns
|
|
100
104
|
@mixin ThemeSelect($chapter,$title,$color) {
|
|
101
105
|
.wrap.chapter-#{$chapter}.title-#{$title} {
|
|
106
|
+
.wrap.select {
|
|
107
|
+
border: 1px solid setcolor($color,light);
|
|
108
|
+
}
|
|
109
|
+
.block.select-dropdown {
|
|
110
|
+
background-color: darken(setcolor($color,xlight),3%);
|
|
111
|
+
border-left: 1px solid setcolor($color,light);
|
|
112
|
+
fill: setcolor($color);
|
|
113
|
+
}
|
|
102
114
|
select {
|
|
103
115
|
background: setcolor($color,xlight);
|
|
104
|
-
border: 1px solid setcolor($color,light);
|
|
105
116
|
color: setcolor($color,dark);
|
|
106
117
|
}
|
|
107
118
|
}
|
|
@@ -137,8 +148,10 @@
|
|
|
137
148
|
label {
|
|
138
149
|
color: setcolor($color,dark);
|
|
139
150
|
}
|
|
151
|
+
.wrap.text-input {
|
|
152
|
+
border: 1px solid setcolor($color,light);
|
|
153
|
+
}
|
|
140
154
|
input[type="text"] {
|
|
141
|
-
border: 1px solid setcolor($color,light) !important;
|
|
142
155
|
background-color: setcolor($color,xlight);
|
|
143
156
|
color: setcolor($color,dark);
|
|
144
157
|
}
|
|
@@ -40,6 +40,7 @@ $book : (
|
|
|
40
40
|
);
|
|
41
41
|
|
|
42
42
|
$query : (
|
|
43
|
+
min440 : 'only screen and (min-width: 440px)',
|
|
43
44
|
max599 : 'only screen and (max-width: 599px)',
|
|
44
45
|
min600 : 'only screen and (min-width: 600px)',
|
|
45
46
|
max639 : 'only screen and (max-width: 639px)',
|
|
@@ -54,6 +55,18 @@ $query : (
|
|
|
54
55
|
|
|
55
56
|
$colormap : (
|
|
56
57
|
|
|
58
|
+
level : (
|
|
59
|
+
a : #e61717,
|
|
60
|
+
b : #0099e6,
|
|
61
|
+
c : #ff8001,
|
|
62
|
+
d : #3bb300,
|
|
63
|
+
e : #8b3788,
|
|
64
|
+
f : #e60073,
|
|
65
|
+
g : #b35900,
|
|
66
|
+
y : #ffaa00,
|
|
67
|
+
l : #b8b8b8
|
|
68
|
+
),
|
|
69
|
+
|
|
57
70
|
system : (
|
|
58
71
|
base : #6e46a0
|
|
59
72
|
),
|
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.4
|
|
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-15 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -161,6 +161,7 @@ files:
|
|
|
161
161
|
- _includes/html/page/content/loop/screen/row.liquid
|
|
162
162
|
- _includes/html/page/content/loop/screen/small.liquid
|
|
163
163
|
- _includes/html/page/content/loop/screen/title.liquid
|
|
164
|
+
- _includes/html/page/content/loop/select/create.liquid
|
|
164
165
|
- _includes/html/page/content/loop/yousaved.liquid
|
|
165
166
|
- _includes/html/page/content/more.liquid
|
|
166
167
|
- _includes/html/page/content/roller.liquid
|
|
@@ -237,7 +238,6 @@ files:
|
|
|
237
238
|
- _sass/block/form/screen.scss
|
|
238
239
|
- _sass/block/form/scroller.scss
|
|
239
240
|
- _sass/block/form/search.scss
|
|
240
|
-
- _sass/block/form/select.scss
|
|
241
241
|
- _sass/block/form/subheader.scss
|
|
242
242
|
- _sass/block/form/text.scss
|
|
243
243
|
- _sass/block/form/title.scss
|
|
@@ -296,6 +296,8 @@ files:
|
|
|
296
296
|
- _sass/wrap/overlay.scss
|
|
297
297
|
- _sass/wrap/page.scss
|
|
298
298
|
- _sass/wrap/scroller.scss
|
|
299
|
+
- _sass/wrap/select.scss
|
|
300
|
+
- _sass/wrap/text.scss
|
|
299
301
|
- assets/css/fallback.jpg
|
|
300
302
|
- assets/css/favicon.png
|
|
301
303
|
- assets/css/styles.scss
|
|
@@ -363,7 +365,7 @@ files:
|
|
|
363
365
|
- assets/js/header/vendor/modernizr.legacy.js
|
|
364
366
|
- assets/js/header/vendor/simple-jekyll-search.js
|
|
365
367
|
- assets/js/header/vendor/tinycolor.js
|
|
366
|
-
homepage: https://
|
|
368
|
+
homepage: https://patterns.barbican.org.uk
|
|
367
369
|
licenses:
|
|
368
370
|
- MIT
|
|
369
371
|
metadata: {}
|
|
@@ -385,5 +387,6 @@ requirements: []
|
|
|
385
387
|
rubygems_version: 3.0.3
|
|
386
388
|
signing_key:
|
|
387
389
|
specification_version: 4
|
|
388
|
-
summary:
|
|
390
|
+
summary: Open-source theme for front-end UX development & presentation. Made by Paul
|
|
391
|
+
Heading for barbican.org.uk
|
|
389
392
|
test_files: []
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
select {
|
|
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);
|
|
11
|
-
-webkit-appearance: none;
|
|
12
|
-
border-radius: 4px;
|
|
13
|
-
display: block;
|
|
14
|
-
width: 100%;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
select:focus {
|
|
18
|
-
outline: none;
|
|
19
|
-
}
|