mp-design-system 0.5.3 → 0.5.6
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/build/scss/library.css +1 -1
- package/dist/build/scss/library.css.map +1 -1
- package/dist/build/scss/main.css +1 -1
- package/dist/build/scss/main.css.map +1 -1
- package/package.json +1 -1
- package/src/_includes/components/card/card.scss +6 -9
- package/src/_includes/components/filter-search/filter-search.scss +5 -0
- package/src/assets/scss/elements/reset.scss +5 -0
- package/src/prototype/index.njk +132 -6
|
@@ -5,8 +5,13 @@
|
|
|
5
5
|
flex-direction: column;
|
|
6
6
|
align-items: stretch;
|
|
7
7
|
|
|
8
|
-
&--alt
|
|
8
|
+
&--alt,
|
|
9
|
+
&--event {
|
|
9
10
|
background: color("petrol", "step-3");
|
|
11
|
+
|
|
12
|
+
&__specs {
|
|
13
|
+
color: color("grey", "step-1")
|
|
14
|
+
}
|
|
10
15
|
}
|
|
11
16
|
|
|
12
17
|
&--featured {
|
|
@@ -156,14 +161,6 @@
|
|
|
156
161
|
@extend .u-16\/9;
|
|
157
162
|
}
|
|
158
163
|
|
|
159
|
-
&--event {
|
|
160
|
-
background: color("petrol", "step-3");
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
&--event &__specs {
|
|
164
|
-
color: color("grey", "step-1");
|
|
165
|
-
}
|
|
166
|
-
|
|
167
164
|
&__primary {
|
|
168
165
|
@include flow("s");
|
|
169
166
|
}
|
package/src/prototype/index.njk
CHANGED
|
@@ -20,7 +20,7 @@ tags: prototype
|
|
|
20
20
|
{% block content %}
|
|
21
21
|
{{ hero({
|
|
22
22
|
title: "We’re BIG on small.",
|
|
23
|
-
content: '<p>We make scientific instruments and services that make the invisible visible,
|
|
23
|
+
content: '<p>We make scientific instruments and services that make the invisible visible, so you can make the impossible possible.</p>',
|
|
24
24
|
cta: {
|
|
25
25
|
label: 'About Malvern Panalytical',
|
|
26
26
|
link: ''
|
|
@@ -115,16 +115,14 @@ tags: prototype
|
|
|
115
115
|
<nav class="c-tabs__controls u-scroll-shadows--h">
|
|
116
116
|
<ul class="c-tabs__controls-list">
|
|
117
117
|
<li><a class="c-tabs__control c-tabs__control--active" href="#tab-industry-1">Primary materials</a></li>
|
|
118
|
-
<li><a class="c-tabs__control" href="#tab-industry-
|
|
119
|
-
<li><a class="c-tabs__control" href="#tab-industry-
|
|
120
|
-
<li><a class="c-tabs__control" href="#tab-industry-1">Contract research services</a></li>
|
|
121
|
-
<li><a class="c-tabs__control" href="#tab-industry-1">Academia</a></li>
|
|
118
|
+
<li><a class="c-tabs__control" href="#tab-industry-2">Pharmaceuticals and food</a></li>
|
|
119
|
+
<li><a class="c-tabs__control" href="#tab-industry-3">Advanced materials</a></li>
|
|
122
120
|
</ul>
|
|
123
121
|
</nav>
|
|
124
122
|
|
|
125
123
|
<div class="c-tabs__content">
|
|
126
124
|
<div id="tab-industry-1" class="c-tab c-tab--active">
|
|
127
|
-
<div class="o-grid o-grid--of-four">
|
|
125
|
+
<div class="o-grid o-grid--of-four o-grid--swipeable">
|
|
128
126
|
{{ industryCard({
|
|
129
127
|
title: 'Building materials',
|
|
130
128
|
link: '',
|
|
@@ -165,6 +163,134 @@ tags: prototype
|
|
|
165
163
|
alt: ''
|
|
166
164
|
}
|
|
167
165
|
}) }}
|
|
166
|
+
{{ industryCard({
|
|
167
|
+
title: 'Academia',
|
|
168
|
+
link: '',
|
|
169
|
+
image: {
|
|
170
|
+
src: '/static/img/sector-1.jpg',
|
|
171
|
+
alt: ''
|
|
172
|
+
}
|
|
173
|
+
}) }}
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
<div id="tab-industry-2" class="c-tab">
|
|
177
|
+
<div class="o-grid o-grid--of-four o-grid--swipeable">
|
|
178
|
+
{{ industryCard({
|
|
179
|
+
title: 'Biologics',
|
|
180
|
+
link: '',
|
|
181
|
+
image: {
|
|
182
|
+
src: '/static/img/sector-3.jpg',
|
|
183
|
+
alt: ''
|
|
184
|
+
}
|
|
185
|
+
}) }}
|
|
186
|
+
{{ industryCard({
|
|
187
|
+
title: 'Food and drink analysis',
|
|
188
|
+
link: '',
|
|
189
|
+
image: {
|
|
190
|
+
src: '/static/img/sector-4.jpg',
|
|
191
|
+
alt: ''
|
|
192
|
+
}
|
|
193
|
+
}) }}
|
|
194
|
+
{{ industryCard({
|
|
195
|
+
title: 'Pharmaceutical solutions',
|
|
196
|
+
link: '',
|
|
197
|
+
image: {
|
|
198
|
+
src: '/static/img/sector-5.jpg',
|
|
199
|
+
alt: ''
|
|
200
|
+
}
|
|
201
|
+
}) }}
|
|
202
|
+
{{ industryCard({
|
|
203
|
+
title: 'Contract research services',
|
|
204
|
+
link: '',
|
|
205
|
+
image: {
|
|
206
|
+
src: '/static/img/sector-1.jpg',
|
|
207
|
+
alt: ''
|
|
208
|
+
}
|
|
209
|
+
}) }}
|
|
210
|
+
{{ industryCard({
|
|
211
|
+
title: 'Academia',
|
|
212
|
+
link: '',
|
|
213
|
+
image: {
|
|
214
|
+
src: '/static/img/sector-2.jpg',
|
|
215
|
+
alt: ''
|
|
216
|
+
}
|
|
217
|
+
}) }}
|
|
218
|
+
</div>
|
|
219
|
+
</div>
|
|
220
|
+
<div id="tab-industry-3" class="c-tab">
|
|
221
|
+
<div class="o-grid o-grid--of-four o-grid--swipeable">
|
|
222
|
+
{{ industryCard({
|
|
223
|
+
title: 'Advanced manufacturing',
|
|
224
|
+
link: '',
|
|
225
|
+
image: {
|
|
226
|
+
src: '/static/img/sector-5.jpg',
|
|
227
|
+
alt: ''
|
|
228
|
+
}
|
|
229
|
+
}) }}
|
|
230
|
+
{{ industryCard({
|
|
231
|
+
title: 'Aerospace and automotive',
|
|
232
|
+
link: '',
|
|
233
|
+
image: {
|
|
234
|
+
src: '/static/img/sector-1.jpg',
|
|
235
|
+
alt: ''
|
|
236
|
+
}
|
|
237
|
+
}) }}
|
|
238
|
+
{{ industryCard({
|
|
239
|
+
title: 'Battery and energy',
|
|
240
|
+
link: '',
|
|
241
|
+
image: {
|
|
242
|
+
src: '/static/img/sector-2.jpg',
|
|
243
|
+
alt: ''
|
|
244
|
+
}
|
|
245
|
+
}) }}
|
|
246
|
+
{{ industryCard({
|
|
247
|
+
title: 'Electronics and semiconductors',
|
|
248
|
+
link: '',
|
|
249
|
+
image: {
|
|
250
|
+
src: '/static/img/sector-3.jpg',
|
|
251
|
+
alt: ''
|
|
252
|
+
}
|
|
253
|
+
}) }}
|
|
254
|
+
{{ industryCard({
|
|
255
|
+
title: 'Environmental monitoring and analysis',
|
|
256
|
+
link: '',
|
|
257
|
+
image: {
|
|
258
|
+
src: '/static/img/sector-4.jpg',
|
|
259
|
+
alt: ''
|
|
260
|
+
}
|
|
261
|
+
}) }}
|
|
262
|
+
{{ industryCard({
|
|
263
|
+
title: 'Forensic analysis',
|
|
264
|
+
link: '',
|
|
265
|
+
image: {
|
|
266
|
+
src: '/static/img/sector-5.jpg',
|
|
267
|
+
alt: ''
|
|
268
|
+
}
|
|
269
|
+
}) }}
|
|
270
|
+
{{ industryCard({
|
|
271
|
+
title: 'Nanomaterials',
|
|
272
|
+
link: '',
|
|
273
|
+
image: {
|
|
274
|
+
src: '/static/img/sector-1.jpg',
|
|
275
|
+
alt: ''
|
|
276
|
+
}
|
|
277
|
+
}) }}
|
|
278
|
+
{{ industryCard({
|
|
279
|
+
title: 'Polymers, plastics, fibers and elastomers',
|
|
280
|
+
link: '',
|
|
281
|
+
image: {
|
|
282
|
+
src: '/static/img/sector-2.jpg',
|
|
283
|
+
alt: ''
|
|
284
|
+
}
|
|
285
|
+
}) }}
|
|
286
|
+
{{ industryCard({
|
|
287
|
+
title: 'Specialty chemicals',
|
|
288
|
+
link: '',
|
|
289
|
+
image: {
|
|
290
|
+
src: '/static/img/sector-3.jpg',
|
|
291
|
+
alt: ''
|
|
292
|
+
}
|
|
293
|
+
}) }}
|
|
168
294
|
</div>
|
|
169
295
|
</div>
|
|
170
296
|
</div>
|