@reuters-graphics/graphics-components 1.0.22 → 1.0.24
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.
- package/dist/@types/components/SiteFooter/SiteFooter.svelte.d.ts +3 -0
- package/dist/components/AdSlot/LeaderboardAd.svelte +2 -2
- package/dist/components/ReutersLogo/ReutersLogo.svelte +165 -8
- package/dist/components/SiteFooter/SiteFooter.svelte +7 -1
- package/dist/components/SiteHeader/MobileMenu/index.svelte +17 -3
- package/dist/components/SiteHeader/SiteHeader.svelte +5 -15
- package/dist/components/Theme/themes/light.js +3 -3
- package/package.json +1 -1
|
@@ -20,7 +20,7 @@ onMount(() => {
|
|
|
20
20
|
unstick = true;
|
|
21
21
|
setTimeout(() => {
|
|
22
22
|
sticky = false;
|
|
23
|
-
},
|
|
23
|
+
}, 400);
|
|
24
24
|
}, 3000);
|
|
25
25
|
window.removeEventListener('scroll', handleScroll);
|
|
26
26
|
}
|
|
@@ -56,7 +56,7 @@ onMount(() => {
|
|
|
56
56
|
<style>.leaderboard__sticky {
|
|
57
57
|
position: initial;
|
|
58
58
|
top: -275px;
|
|
59
|
-
transition: top 0.
|
|
59
|
+
transition: top 0.4s ease-in-out;
|
|
60
60
|
z-index: 1030;
|
|
61
61
|
}
|
|
62
62
|
.leaderboard__sticky.sticky {
|
|
@@ -10,13 +10,170 @@ export let width = '100%';
|
|
|
10
10
|
<svg
|
|
11
11
|
aria-hidden="true"
|
|
12
12
|
focusable="false"
|
|
13
|
-
viewBox="0 0
|
|
14
|
-
style="width: {width};"
|
|
13
|
+
viewBox="0 0 1760.4 558.7"
|
|
14
|
+
style="width: {width}; --logoColour: {logoColour}; --textColour: {textColour};"
|
|
15
15
|
>
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
<defs>
|
|
17
|
+
<style>
|
|
18
|
+
.cls-1 {
|
|
19
|
+
fill: var(--logoColour);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.cls-1,
|
|
23
|
+
.cls-2 {
|
|
24
|
+
stroke-width: 0px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.cls-2 {
|
|
28
|
+
fill: var(--textColour);
|
|
29
|
+
}</style>
|
|
30
|
+
</defs>
|
|
31
|
+
<g id="Primary_Logo" data-name="Primary Logo">
|
|
32
|
+
<g>
|
|
33
|
+
<g>
|
|
34
|
+
<path
|
|
35
|
+
class="cls-2"
|
|
36
|
+
d="M655.4,166.9h91.9c49.7,0,82.9,29,82.9,74.2s-15.2,51.6-38.7,62.8l44.5,86h-53.5l-38.1-74.9h-40.6v74.9h-48.4v-223h0ZM703.8,206.7v68.5h39.7c22.9,0,37.4-13.4,37.4-34.1s-14.5-34.4-37.4-34.4h-39.7Z"
|
|
37
|
+
></path>
|
|
38
|
+
<path
|
|
39
|
+
class="cls-2"
|
|
40
|
+
d="M842.9,308.3c0-51,33.8-84.1,85.1-84.1s83.2,30.6,83.8,78.7c0,4.8-.3,10.2-1.3,15.3h-120.3v2.2c1,23.2,16.1,37.3,39,37.3s31.3-8,35.2-23.2h44.8c-5.2,31.9-33.8,57.3-78,57.3s-88.3-32.8-88.3-83.5h0ZM966,288.9c-3.2-20.1-17.1-31.2-37.7-31.2s-34.5,11.8-37.1,31.2h74.8Z"
|
|
41
|
+
></path>
|
|
42
|
+
<path
|
|
43
|
+
class="cls-2"
|
|
44
|
+
d="M1143.2,226.2h45.5v163.8h-40.3l-4.2-19.8c-10.6,12.7-25.1,21.6-48.7,21.6-34.2,0-65.8-16.9-65.8-74.9v-90.8h45.5v84.8c0,29.3,9.7,43.7,32.3,43.7s35.8-16.2,35.8-46.5v-81.9h0s0,0,0,0Z"
|
|
45
|
+
></path>
|
|
46
|
+
<path
|
|
47
|
+
class="cls-2"
|
|
48
|
+
d="M1215.6,180.4h45.5v45.9h37.7v37.9h-37.7v71.7c0,11.5,4.5,16.2,16.1,16.2h23.5v37.9h-37.7c-31.6,0-47.4-15.6-47.4-46.8v-162.8Z"
|
|
49
|
+
></path>
|
|
50
|
+
<path
|
|
51
|
+
class="cls-2"
|
|
52
|
+
d="M1308.2,308.3c0-51,33.8-84.1,85.1-84.1s83.2,30.6,83.8,78.7c0,4.8-.3,10.2-1.3,15.3h-120.3v2.2c1,23.2,16.1,37.3,39,37.3s31.3-8,35.2-23.2h44.8c-5.2,31.9-33.8,57.3-78,57.3s-88.3-32.8-88.3-83.5h0ZM1431.3,288.9c-3.2-20.1-17.1-31.2-37.7-31.2s-34.5,11.8-37.1,31.2h74.8,0Z"
|
|
53
|
+
></path>
|
|
54
|
+
<path
|
|
55
|
+
class="cls-2"
|
|
56
|
+
d="M1598.3,226.1v40.8h-18.1c-27.1,0-37.4,17.8-37.4,42.7v80.3h-45.5v-163.8h41.3l4.2,24.5c9-14.6,21.9-24.5,47.7-24.5h7.8Z"
|
|
57
|
+
></path>
|
|
58
|
+
<path
|
|
59
|
+
class="cls-2"
|
|
60
|
+
d="M1648.8,335.5c1.6,14.3,14.2,24.2,36.4,24.2s30.7-6.1,30.7-17.5-11.3-14.3-38.1-17.8c-38.7-4.5-68.7-13.1-68.7-46.8s28.7-53.9,71.2-53.5c44.5,0,75.1,19.4,77.4,52.9h-43.5c-1.3-13.1-13.9-21-32.3-21s-29.3,6.4-29.3,16.9,14.2,13.7,38.1,16.6c38.1,3.8,69.7,12.4,69.7,49.4s-30.9,53.2-75.5,53.2-77.4-21.4-79.3-56.4h43.2,0Z"
|
|
61
|
+
></path>
|
|
62
|
+
</g>
|
|
63
|
+
<g>
|
|
64
|
+
<path
|
|
65
|
+
class="cls-1"
|
|
66
|
+
d="M483,75c7.1,7.1,11,16.6,11,26.7s-3.9,19.6-11,26.7c-14.7,14.7-38.6,14.7-53.3,0-7.1-7.1-11-16.6-11-26.7s3.9-19.6,11-26.7c7.4-7.4,17-11.1,26.7-11.1s19.3,3.7,26.7,11.1Z"
|
|
67
|
+
></path>
|
|
68
|
+
<path
|
|
69
|
+
class="cls-1"
|
|
70
|
+
d="M75.1,483.6c-14.7-14.7-14.7-38.7,0-53.4,7.1-7.1,16.6-11.1,26.7-11.1s19.6,3.9,26.7,11.1c14.7,14.7,14.7,38.7,0,53.4-7.1,7.1-16.6,11.1-26.7,11.1s-19.6-3.9-26.7-11.1Z"
|
|
71
|
+
></path>
|
|
72
|
+
<path
|
|
73
|
+
class="cls-1"
|
|
74
|
+
d="M362.6,77.9h-.3c-8-3.5-14.3-9.8-17.6-17.9-3.4-8.1-3.4-17.1,0-25.3,3.4-8.1,9.7-14.5,17.9-17.9,4.1-1.7,8.4-2.5,12.6-2.5s8.6.9,12.6,2.5c16.8,7,24.8,26.3,17.9,43.2-7,16.8-26.3,24.8-43.1,17.9h0Z"
|
|
75
|
+
></path>
|
|
76
|
+
<path
|
|
77
|
+
class="cls-1"
|
|
78
|
+
d="M183.1,478.3c4.3,0,8.5.9,12.6,2.5,16.8,7,24.8,26.3,17.9,43.2-3.4,8.2-9.7,14.5-17.9,17.9-8.1,3.4-17.1,3.4-25.3,0-16.8-7-24.8-26.3-17.9-43.2,3.4-8.1,9.7-14.5,17.9-17.9,4.1-1.7,8.4-2.5,12.6-2.5h0s0,0,0,0Z"
|
|
79
|
+
></path>
|
|
80
|
+
<path
|
|
81
|
+
class="cls-1"
|
|
82
|
+
d="M307.4,28.3c0,15.2-12,27.6-27,28.3h-1.3c-15.6,0-28.3-12.7-28.3-28.3S263.5,0,279.1,0s28.3,12.8,28.3,28.4h0s0,0,0,0Z"
|
|
83
|
+
></path>
|
|
84
|
+
<path
|
|
85
|
+
class="cls-1"
|
|
86
|
+
d="M250.8,530.4c0-15.6,12.7-28.3,28.3-28.3s28.3,12.7,28.3,28.3-12.7,28.3-28.3,28.3-28.3-12.7-28.3-28.3Z"
|
|
87
|
+
></path>
|
|
88
|
+
<path
|
|
89
|
+
class="cls-1"
|
|
90
|
+
d="M192.2,69.2c-5.8,2.4-12.2,2.4-18,0-5.9-2.4-10.4-7-12.8-12.8-5-12.1.7-25.9,12.8-30.9,2.9-1.2,6-1.8,9-1.8,9.3,0,18.1,5.5,21.8,14.6,2.4,5.9,2.4,12.3,0,18.1-2.4,5.9-6.9,10.4-12.8,12.8h0Z"
|
|
91
|
+
></path>
|
|
92
|
+
<path
|
|
93
|
+
class="cls-1"
|
|
94
|
+
d="M365.9,489.5c3-1.2,6-1.8,9.1-1.8s6.1.6,9,1.8c5.9,2.4,10.4,7,12.8,12.8,2.4,5.9,2.4,12.3,0,18.1-2.4,5.9-6.9,10.4-12.8,12.8-5.9,2.4-12.2,2.4-18.1,0-5.9-2.4-10.4-6.9-12.8-12.8-2.4-5.9-2.4-12.2,0-18.1,2.4-5.8,6.9-10.4,12.8-12.8h0Z"
|
|
95
|
+
></path>
|
|
96
|
+
<path
|
|
97
|
+
class="cls-1"
|
|
98
|
+
d="M115.1,88.6c7.2,7.3,7.4,18.9.4,26.4l-.4.4c-7.4,7.4-19.4,7.4-26.7,0-7.4-7.4-7.4-19.4,0-26.8,3.7-3.7,8.5-5.5,13.4-5.5s9.7,1.8,13.4,5.5h0,0Z"
|
|
99
|
+
></path>
|
|
100
|
+
<path
|
|
101
|
+
class="cls-1"
|
|
102
|
+
d="M442.8,443.5c3.6-3.7,8.5-5.5,13.3-5.5s9.7,1.8,13.4,5.5c3.6,3.5,5.5,8.3,5.5,13.4s-2,9.8-5.5,13.4c-7.4,7.4-19.3,7.4-26.7,0-3.6-3.6-5.5-8.4-5.5-13.4s2-9.8,5.5-13.4h0Z"
|
|
103
|
+
></path>
|
|
104
|
+
<path
|
|
105
|
+
class="cls-1"
|
|
106
|
+
d="M38.4,205.1c-12-5-17.8-18.8-12.8-30.9,2.4-5.9,6.9-10.4,12.8-12.8,3-1.2,6-1.8,9.1-1.8s6.1.6,9,1.8c12,5,17.7,18.8,12.8,30.9-2.4,5.9-6.9,10.4-12.8,12.8-5.9,2.4-12.3,2.4-18,0h0Z"
|
|
107
|
+
></path>
|
|
108
|
+
<path
|
|
109
|
+
class="cls-1"
|
|
110
|
+
d="M519.8,353.7c5.8,2.4,10.4,6.9,12.8,12.8,2.4,5.9,2.4,12.2,0,18.1-5,12-18.8,17.8-30.8,12.8-5.9-2.4-10.4-6.9-12.8-12.8-2.4-5.9-2.4-12.2,0-18.1,3.8-9.1,12.6-14.6,21.8-14.6s6,.6,9,1.8h0Z"
|
|
111
|
+
></path>
|
|
112
|
+
<path
|
|
113
|
+
class="cls-1"
|
|
114
|
+
d="M0,279.5c0-15.6,12.7-28.3,28.3-28.3s28.3,12.7,28.3,28.3-12.7,28.3-28.3,28.3S0,295.1,0,279.5Z"
|
|
115
|
+
></path>
|
|
116
|
+
<path
|
|
117
|
+
class="cls-1"
|
|
118
|
+
d="M501.6,279.5c0-15.6,12.7-28.3,28.3-28.3s28.3,12.7,28.3,28.3-12.7,28.3-28.3,28.3-28.3-12.7-28.3-28.3Z"
|
|
119
|
+
></path>
|
|
120
|
+
<path
|
|
121
|
+
class="cls-1"
|
|
122
|
+
d="M16.8,388.1c-7-16.9,1-36.2,17.9-43.2,8.1-3.4,17.1-3.4,25.3,0,8.1,3.4,14.5,9.7,17.9,17.9s3.4,17.1,0,25.3c-3.4,8.1-9.7,14.5-17.9,17.9s-17.1,3.4-25.3,0c-8.1-3.4-14.5-9.7-17.9-17.9Z"
|
|
123
|
+
></path>
|
|
124
|
+
<path
|
|
125
|
+
class="cls-1"
|
|
126
|
+
d="M480.1,195.9c-3.4-8.1-3.4-17.1,0-25.2,3.4-8.1,9.7-14.5,17.9-17.9,4.1-1.7,8.4-2.5,12.6-2.5,13,0,25.3,7.7,30.5,20.4,7,16.9-1,36.2-17.9,43.2-8.1,3.4-17.1,3.4-25.3,0-8.1-3.4-14.5-9.7-17.9-17.9h0,0Z"
|
|
127
|
+
></path>
|
|
128
|
+
<path
|
|
129
|
+
class="cls-1"
|
|
130
|
+
d="M359.3,359.7c-10.4,10.3-10.4,27.2,0,37.5,10.4,10.4,27.1,10.4,37.5,0,5-5,7.8-11.6,7.8-18.7s-2.8-13.8-7.8-18.7c-5.2-5.2-11.9-7.7-18.7-7.7s-13.6,2.6-18.8,7.7h0Z"
|
|
131
|
+
></path>
|
|
132
|
+
<path
|
|
133
|
+
class="cls-1"
|
|
134
|
+
d="M138.3,263.3c-11.2-3-17.8-14.5-14.8-25.7,1.5-5.4,4.9-9.9,9.8-12.8,3.2-1.9,6.8-2.8,10.4-2.8s3.6.2,5.4.7c5.4,1.5,9.9,4.9,12.7,9.8s3.5,10.5,2.1,16c-3,11.2-14.5,17.9-25.7,14.9h0,0Z"
|
|
135
|
+
></path>
|
|
136
|
+
<path
|
|
137
|
+
class="cls-1"
|
|
138
|
+
d="M408.9,335.9c-5.4-1.5-9.9-4.9-12.7-9.8s-3.5-10.5-2.1-16c1.5-5.4,4.9-10,9.8-12.8,3.2-1.9,6.9-2.8,10.5-2.8s3,.1,4.5.5l1,.3c11.2,3,17.8,14.6,14.8,25.7-1.5,5.4-4.9,10-9.8,12.8-4.9,2.8-10.5,3.6-16,2.1h0s0,0,0,0Z"
|
|
139
|
+
></path>
|
|
140
|
+
<path
|
|
141
|
+
class="cls-1"
|
|
142
|
+
d="M127.6,320c-2.3-8.7,2.5-17.5,10.9-20.4l1-.3c8.9-2.4,18.2,3,20.6,11.9,1.2,4.4.6,8.9-1.7,12.8-2.2,3.9-5.9,6.7-10.2,7.9-4.4,1.2-8.8.6-12.8-1.7-3.9-2.2-6.7-5.9-7.8-10.2h0s0,0,0,0Z"
|
|
143
|
+
></path>
|
|
144
|
+
<path
|
|
145
|
+
class="cls-1"
|
|
146
|
+
d="M405.9,257.8l-.7-.4c-3.5-2.3-6-5.7-7.1-9.8-2.4-9,2.9-18.2,11.9-20.6,8.9-2.4,18.2,2.9,20.6,11.9,2.4,9-2.9,18.2-11.9,20.6-4.3,1.2-8.8.5-12.8-1.7h0Z"
|
|
147
|
+
></path>
|
|
148
|
+
<path
|
|
149
|
+
class="cls-1"
|
|
150
|
+
d="M189.4,386.7l-.5.5c-4.9,4.9-13,4.9-17.9,0-4.9-4.9-4.9-12.9,0-17.9s13-4.9,17.9,0c2.4,2.4,3.7,5.6,3.7,9s-1.1,6.1-3.2,8.4Z"
|
|
151
|
+
></path>
|
|
152
|
+
<path
|
|
153
|
+
class="cls-1"
|
|
154
|
+
d="M386.9,171.2c2.4,2.4,3.7,5.6,3.7,9s-1.3,6.6-3.7,9c-4.9,4.9-13,4.9-17.9,0-2.4-2.4-3.7-5.6-3.7-9s1.3-6.6,3.7-9c2.4-2.4,5.6-3.7,9-3.7s6.6,1.3,9,3.7h0s0,0,0,0Z"
|
|
155
|
+
></path>
|
|
156
|
+
<path
|
|
157
|
+
class="cls-1"
|
|
158
|
+
d="M257.3,406.3c2.2,3.9,2.8,8.4,1.7,12.8-1.2,4.4-3.9,8-7.8,10.2s-8.4,2.8-12.8,1.7c-8.9-2.4-14.3-11.6-11.9-20.6,1.2-4.4,3.9-8,7.8-10.2,3.9-2.2,8.4-2.8,12.8-1.7,4.4,1.2,7.9,4,10.2,7.9h0s0,0,0,0Z"
|
|
159
|
+
></path>
|
|
160
|
+
<path
|
|
161
|
+
class="cls-1"
|
|
162
|
+
d="M300.6,152.5c-2.2-3.9-2.8-8.4-1.7-12.8,1.2-4.4,3.9-8,7.8-10.2,2.6-1.5,5.5-2.2,8.4-2.2s2.9.2,4.4.6c4.4,1.2,8,3.9,10.2,7.9,2.2,3.9,2.8,8.4,1.7,12.8-2.4,9-11.6,14.3-20.6,11.9-4.4-1.2-8-3.9-10.2-7.9h0Z"
|
|
163
|
+
></path>
|
|
164
|
+
<path
|
|
165
|
+
class="cls-1"
|
|
166
|
+
d="M325.9,396.6l.9.5c4.4,2.8,7.5,7.1,8.9,12.2,3,11.2-3.6,22.8-14.8,25.7-5.5,1.5-11.1.7-16-2.1-4.9-2.8-8.3-7.3-9.8-12.8-1.5-5.4-.7-11.1,2.1-16,2.8-4.9,7.3-8.3,12.7-9.8,1.8-.5,3.7-.7,5.5-.7,3.6,0,7.2,1,10.5,2.8h0Z"
|
|
167
|
+
></path>
|
|
168
|
+
<path
|
|
169
|
+
class="cls-1"
|
|
170
|
+
d="M248.2,164.3c-11.2,3-22.7-3.7-25.7-14.9-3-11.2,3.6-22.8,14.8-25.7,1.8-.5,3.6-.7,5.4-.7,9.3,0,17.8,6.2,20.3,15.6,3,11.2-3.6,22.8-14.8,25.7Z"
|
|
171
|
+
></path>
|
|
172
|
+
<path
|
|
173
|
+
class="cls-1"
|
|
174
|
+
d="M180,206.5c14.6,0,26.4-11.9,26.4-26.5s-11.8-26.5-26.4-26.5-26.4,11.9-26.4,26.5,11.8,26.5,26.4,26.5Z"
|
|
175
|
+
></path>
|
|
176
|
+
</g>
|
|
177
|
+
</g>
|
|
178
|
+
</g>
|
|
22
179
|
</svg>
|
|
@@ -9,6 +9,10 @@ import { onMount } from 'svelte';
|
|
|
9
9
|
* Custom referrals to other Reuters Graphics projects
|
|
10
10
|
*/
|
|
11
11
|
export let referrals = [];
|
|
12
|
+
/**
|
|
13
|
+
* Set to `false` to remove graphics referrals
|
|
14
|
+
*/
|
|
15
|
+
export let includeReferrals = true;
|
|
12
16
|
let data = starterData;
|
|
13
17
|
onMount(async () => {
|
|
14
18
|
if (new URL(document.location.href).origin !== 'https://www.reuters.com') {
|
|
@@ -42,7 +46,9 @@ onMount(async () => {
|
|
|
42
46
|
`}"
|
|
43
47
|
>
|
|
44
48
|
<div>
|
|
45
|
-
|
|
49
|
+
{#if includeReferrals}
|
|
50
|
+
<Referrals referrals="{referrals}" />
|
|
51
|
+
{/if}
|
|
46
52
|
<QuickLinks links="{data[0]}" />
|
|
47
53
|
<CompanyLinks links="{data[0]}" />
|
|
48
54
|
<LegalLinks links="{data[0]}" />
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
--nav-primary: var(--theme-colour-text-primary, #404040);
|
|
18
18
|
--nav-rules: var(--theme-colour-brand-rules, #d0d0d0);
|
|
19
19
|
--nav-accent: var(--theme-colour-brand-logo, #fa6400);
|
|
20
|
-
--nav-shadow: 0 1px 4px 2px var(--theme-colour-brand-shadow,
|
|
20
|
+
--nav-shadow: 0 1px 4px 2px var(--theme-colour-brand-shadow, rgba(64,64,64,.08));
|
|
21
21
|
`}"
|
|
22
22
|
>
|
|
23
23
|
<header class="header">
|
|
@@ -87,6 +87,7 @@ https://utopia.fyi/space/calculator/?c=320,18,1.125,1280,21,1.25,7,3,&s=0.75|0.5
|
|
|
87
87
|
z-index: 1;
|
|
88
88
|
display: flex;
|
|
89
89
|
align-items: center;
|
|
90
|
+
justify-content: space-between;
|
|
90
91
|
height: 56px;
|
|
91
92
|
box-sizing: border-box;
|
|
92
93
|
background: var(--nav-background);
|
|
@@ -94,7 +95,7 @@ https://utopia.fyi/space/calculator/?c=320,18,1.125,1280,21,1.25,7,3,&s=0.75|0.5
|
|
|
94
95
|
|
|
95
96
|
.logo {
|
|
96
97
|
font-size: 0;
|
|
97
|
-
width:
|
|
98
|
+
width: 94px;
|
|
98
99
|
}
|
|
99
100
|
|
|
100
101
|
.close-button {
|
|
@@ -172,11 +173,12 @@ https://utopia.fyi/space/calculator/?c=320,18,1.125,1280,21,1.25,7,3,&s=0.75|0.5
|
|
|
172
173
|
}
|
|
173
174
|
}
|
|
174
175
|
.section .subsections {
|
|
175
|
-
margin: 20px 0 0
|
|
176
|
+
margin: 20px 0 0;
|
|
176
177
|
padding: 0;
|
|
177
178
|
list-style: none;
|
|
178
179
|
display: grid;
|
|
179
180
|
grid-template-columns: repeat(2, 1fr);
|
|
181
|
+
grid-column-gap: 2.2222222222vw;
|
|
180
182
|
grid-row-gap: 16px;
|
|
181
183
|
grid-column-gap: 2.2222222222vw;
|
|
182
184
|
}
|
|
@@ -190,8 +192,17 @@ https://utopia.fyi/space/calculator/?c=320,18,1.125,1280,21,1.25,7,3,&s=0.75|0.5
|
|
|
190
192
|
grid-column-gap: 32px;
|
|
191
193
|
}
|
|
192
194
|
}
|
|
195
|
+
@media (max-width: 1023.9px) {
|
|
196
|
+
.section .subsections {
|
|
197
|
+
grid-column-gap: 4.2666666667vw;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
.section .subsections li {
|
|
201
|
+
margin: 0;
|
|
202
|
+
}
|
|
193
203
|
.section .section-link {
|
|
194
204
|
font-size: 14px;
|
|
205
|
+
font-weight: 500;
|
|
195
206
|
}
|
|
196
207
|
.section .section-link,
|
|
197
208
|
.section .subsection-link {
|
|
@@ -203,4 +214,7 @@ https://utopia.fyi/space/calculator/?c=320,18,1.125,1280,21,1.25,7,3,&s=0.75|0.5
|
|
|
203
214
|
.section .section-link:hover,
|
|
204
215
|
.section .subsection-link:hover {
|
|
205
216
|
text-decoration: underline;
|
|
217
|
+
}
|
|
218
|
+
.section .subsection-link {
|
|
219
|
+
font-size: 16px;
|
|
206
220
|
}</style>
|
|
@@ -162,23 +162,13 @@ To handle overlapping borders within components (e.g., buttons and inputs in inp
|
|
|
162
162
|
.logo-container .logo {
|
|
163
163
|
display: block;
|
|
164
164
|
font-size: 0;
|
|
165
|
+
width: 126px;
|
|
166
|
+
min-width: 126px;
|
|
165
167
|
}
|
|
166
|
-
@media (max-width:
|
|
167
|
-
.logo-container .logo {
|
|
168
|
-
width: 127px;
|
|
169
|
-
min-width: 127px;
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
@media (min-width: 1024px) {
|
|
173
|
-
.logo-container .logo {
|
|
174
|
-
width: 154px;
|
|
175
|
-
min-width: 154px;
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
@media (min-width: 1300px) {
|
|
168
|
+
@media (max-width: 768px) {
|
|
179
169
|
.logo-container .logo {
|
|
180
|
-
width:
|
|
181
|
-
min-width:
|
|
170
|
+
width: 94px;
|
|
171
|
+
min-width: 94px;
|
|
182
172
|
}
|
|
183
173
|
}
|
|
184
174
|
|
|
@@ -7,9 +7,9 @@ export default {
|
|
|
7
7
|
background: '#ffffff',
|
|
8
8
|
'text-primary': '#404040',
|
|
9
9
|
'text-secondary': '#666666',
|
|
10
|
-
accent: ' #
|
|
11
|
-
'brand-logo': '#
|
|
10
|
+
accent: ' #d64000',
|
|
11
|
+
'brand-logo': '#d64000',
|
|
12
12
|
'brand-rules': '#d0d0d0',
|
|
13
|
-
'brand-shadow': '
|
|
13
|
+
'brand-shadow': 'rgba(64, 64, 64, .08)',
|
|
14
14
|
},
|
|
15
15
|
};
|