mp-design-system 0.5.3 → 0.5.6
Sign up to get free protection for your applications and to get access to all the features.
- 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>
|