futuro 1.0.3 → 1.0.4
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/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
|
-
}
|