mp-design-system 1.2.48 → 1.2.50
Sign up to get free protection for your applications and to get access to all the features.
- 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/accordion/accordion.scss +5 -0
- package/src/_includes/components/card/card.scss +1 -0
- package/src/_includes/components/product-signpost/product-signpost.scss +5 -2
- package/src/_redirects +5 -1
- package/src/assets/scss/components/form.scss +235 -89
- package/src/assets/scss/utilities/display.scss +4 -0
- package/src/patterns/mp-form.njk +111 -0
- package/src/prototype/events-hub.njk +111 -116
|
@@ -102,11 +102,9 @@ tagTitle: Events hub
|
|
|
102
102
|
</div>
|
|
103
103
|
</div>
|
|
104
104
|
|
|
105
|
-
<div class="u-flow--3xl u-pad-bottom-xl u-margin-top-xl ">
|
|
106
|
-
|
|
107
105
|
{# This week #}
|
|
108
|
-
<
|
|
109
|
-
<
|
|
106
|
+
<section id="this-week" class="c-slat c-slat--padded">
|
|
107
|
+
<div class="u-wrap u-flow">
|
|
110
108
|
<header>
|
|
111
109
|
<p class="c-h c-h--upper">Featured</p>
|
|
112
110
|
<h2 class="c-h c-h--step-5">This week</h2>
|
|
@@ -154,13 +152,12 @@ tagTitle: Events hub
|
|
|
154
152
|
},
|
|
155
153
|
tag: 'Live webinar'
|
|
156
154
|
}) }}
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
</div>
|
|
155
|
+
</div>
|
|
156
|
+
</section>
|
|
160
157
|
|
|
161
158
|
{# Upcoming #}
|
|
162
|
-
<
|
|
163
|
-
<
|
|
159
|
+
<section id="upcoming" class="c-slat c-slat--padded">
|
|
160
|
+
<div class="u-wrap u-flow">
|
|
164
161
|
<div class="u-split">
|
|
165
162
|
<h2 class="c-h c-h--step-5">Coming soon</h2>
|
|
166
163
|
{{ twi({ classes: 'u-link', label: "See all upcoming webinars", icon: 'arrow-right', align: 'left', link: "#" }) }}
|
|
@@ -247,12 +244,12 @@ tagTitle: Events hub
|
|
|
247
244
|
tag: 'Live webinar'
|
|
248
245
|
}) }}
|
|
249
246
|
</div>
|
|
250
|
-
</
|
|
251
|
-
</
|
|
247
|
+
</div>
|
|
248
|
+
</section>
|
|
252
249
|
|
|
253
250
|
{# Recorded #}
|
|
254
|
-
<
|
|
255
|
-
<
|
|
251
|
+
<section id="recorded" class="c-slat c-slat--padded">
|
|
252
|
+
<div class="u-wrap u-flow">
|
|
256
253
|
<div class="u-split">
|
|
257
254
|
<h2 class="c-h c-h--step-5">Recorded webinars</h2>
|
|
258
255
|
{{ twi({ classes: 'u-link', label: "See all recorded webinars", icon: 'arrow-right', align: 'left', link: "#" }) }}
|
|
@@ -360,12 +357,12 @@ tagTitle: Events hub
|
|
|
360
357
|
tag: 'Recorded webinar'
|
|
361
358
|
}) }}
|
|
362
359
|
</div>
|
|
363
|
-
</
|
|
364
|
-
</
|
|
360
|
+
</div>
|
|
361
|
+
</section>
|
|
365
362
|
|
|
366
363
|
{# Explore #}
|
|
367
|
-
<
|
|
368
|
-
<
|
|
364
|
+
<section id="explore" class="c-slat c-slat--padded">
|
|
365
|
+
<div class="u-wrap u-flow">
|
|
369
366
|
<h2 class="c-h c-h--step-3">Explore topics from over 1,000 expert sessions</h2>
|
|
370
367
|
<div class="o-grid o-grid--of-four">
|
|
371
368
|
{{ productSignpost ({
|
|
@@ -417,108 +414,106 @@ tagTitle: Events hub
|
|
|
417
414
|
classes: 'c-product-signpost--bordered u-pad-m'
|
|
418
415
|
}) }}
|
|
419
416
|
</div>
|
|
420
|
-
</
|
|
421
|
-
</
|
|
417
|
+
</div>
|
|
418
|
+
</section>
|
|
422
419
|
|
|
423
420
|
{# Series #}
|
|
424
|
-
<
|
|
425
|
-
<
|
|
426
|
-
<div class="
|
|
427
|
-
<
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
{{ twi({ classes: 'u-link', label: "View the complete series", icon: 'arrow-right', align: 'left', link: "#" }) }}
|
|
432
|
-
</div>
|
|
433
|
-
<div class="o-grid o-grid--of-three o-grid--of-three-early">
|
|
434
|
-
{{ card({
|
|
435
|
-
theme: {
|
|
436
|
-
border: false,
|
|
437
|
-
layout: 'single',
|
|
438
|
-
name: 'event-series',
|
|
439
|
-
inlineSpecs: false,
|
|
440
|
-
corner: false
|
|
441
|
-
},
|
|
442
|
-
image: {
|
|
443
|
-
src: 'https://p3.aprimocdn.net/malvernpanalytical/97c76c3b-e491-43e2-875b-adea00bec47d/shutterstock_733895350_Square.jpg?quality=60',
|
|
444
|
-
alt: 'Product image alt'
|
|
445
|
-
},
|
|
446
|
-
header: {
|
|
447
|
-
title: 'Part 1 - The theory of X-Ray Fluorescence (XRF)',
|
|
448
|
-
date: {
|
|
449
|
-
date: 'Oct 2019',
|
|
450
|
-
formatted: true
|
|
451
|
-
}
|
|
452
|
-
},
|
|
453
|
-
footer: {
|
|
454
|
-
cta: {
|
|
455
|
-
link: '#',
|
|
456
|
-
label: 'Watch now',
|
|
457
|
-
icon: 'play'
|
|
458
|
-
}
|
|
459
|
-
},
|
|
460
|
-
link: '#'
|
|
461
|
-
}) }}
|
|
462
|
-
{{ card({
|
|
463
|
-
theme: {
|
|
464
|
-
border: false,
|
|
465
|
-
layout: 'single',
|
|
466
|
-
name: 'event-series',
|
|
467
|
-
inlineSpecs: false,
|
|
468
|
-
corner: false
|
|
469
|
-
},
|
|
470
|
-
image: {
|
|
471
|
-
src: 'https://p3.aprimocdn.net/malvernpanalytical/3a8462a5-a4f8-48ea-a18a-adea00bebbc8/shutterstock_733895305_Square.jpg?quality=60',
|
|
472
|
-
alt: 'Product image alt'
|
|
473
|
-
},
|
|
474
|
-
header: {
|
|
475
|
-
title: 'Part 2 - Wavelength & energy dispersive XRF explained',
|
|
476
|
-
date: {
|
|
477
|
-
date: 'Oct 2019',
|
|
478
|
-
formatted: true
|
|
479
|
-
}
|
|
480
|
-
},
|
|
481
|
-
footer: {
|
|
482
|
-
cta: {
|
|
483
|
-
link: '#',
|
|
484
|
-
label: 'Watch now',
|
|
485
|
-
icon: 'play'
|
|
486
|
-
}
|
|
487
|
-
},
|
|
488
|
-
link: '#'
|
|
489
|
-
}) }}
|
|
490
|
-
{{ card({
|
|
491
|
-
theme: {
|
|
492
|
-
border: false,
|
|
493
|
-
layout: 'single',
|
|
494
|
-
name: 'event-series',
|
|
495
|
-
inlineSpecs: false,
|
|
496
|
-
corner: false
|
|
497
|
-
},
|
|
498
|
-
image: {
|
|
499
|
-
src: 'https://p3.aprimocdn.net/malvernpanalytical/78a2e0d5-123f-48df-a54f-adea00bec1ad/shutterstock_733895335_Square.jpg?quality=60',
|
|
500
|
-
alt: 'Product image alt'
|
|
501
|
-
},
|
|
502
|
-
header: {
|
|
503
|
-
title: 'Part 3 - The basics of sample preparation for XRF',
|
|
504
|
-
date: {
|
|
505
|
-
date: 'Nov 2019',
|
|
506
|
-
formatted: true
|
|
507
|
-
}
|
|
508
|
-
},
|
|
509
|
-
footer: {
|
|
510
|
-
cta: {
|
|
511
|
-
link: '#',
|
|
512
|
-
label: 'Watch now',
|
|
513
|
-
icon: 'play'
|
|
514
|
-
}
|
|
515
|
-
},
|
|
516
|
-
link: '#'
|
|
517
|
-
}) }}
|
|
518
|
-
</div>
|
|
421
|
+
<section id="featured" class="c-slat c-slat--padded c-slat--concentric u-bg-blue-step-3">
|
|
422
|
+
<div class="u-wrap o-grid o-grid--layout o-grid--8/4-switch">
|
|
423
|
+
<div class="u-flow">
|
|
424
|
+
<p class="c-h c-h--upper">Featured</p>
|
|
425
|
+
<h2 class="c-h c-h--step-5">XRF Elemental Analysis Masterclass</h2>
|
|
426
|
+
<p>Learn everything there is to know about elemental analysis using X-ray fluorescence (XRF) in this series of webinars.</p>
|
|
427
|
+
{{ twi({ classes: 'u-link', label: "View the complete series", icon: 'arrow-right', align: 'left', link: "#" }) }}
|
|
519
428
|
</div>
|
|
520
|
-
|
|
521
|
-
|
|
429
|
+
<div class="o-grid o-grid--of-three o-grid--of-three-early">
|
|
430
|
+
{{ card({
|
|
431
|
+
theme: {
|
|
432
|
+
border: false,
|
|
433
|
+
layout: 'single',
|
|
434
|
+
name: 'event-series',
|
|
435
|
+
inlineSpecs: false,
|
|
436
|
+
corner: false
|
|
437
|
+
},
|
|
438
|
+
image: {
|
|
439
|
+
src: 'https://p3.aprimocdn.net/malvernpanalytical/97c76c3b-e491-43e2-875b-adea00bec47d/shutterstock_733895350_Square.jpg?quality=60',
|
|
440
|
+
alt: 'Product image alt'
|
|
441
|
+
},
|
|
442
|
+
header: {
|
|
443
|
+
title: 'Part 1 - The theory of X-Ray Fluorescence (XRF)',
|
|
444
|
+
date: {
|
|
445
|
+
date: 'Oct 2019',
|
|
446
|
+
formatted: true
|
|
447
|
+
}
|
|
448
|
+
},
|
|
449
|
+
footer: {
|
|
450
|
+
cta: {
|
|
451
|
+
link: '#',
|
|
452
|
+
label: 'Watch now',
|
|
453
|
+
icon: 'play'
|
|
454
|
+
}
|
|
455
|
+
},
|
|
456
|
+
link: '#'
|
|
457
|
+
}) }}
|
|
458
|
+
{{ card({
|
|
459
|
+
theme: {
|
|
460
|
+
border: false,
|
|
461
|
+
layout: 'single',
|
|
462
|
+
name: 'event-series',
|
|
463
|
+
inlineSpecs: false,
|
|
464
|
+
corner: false
|
|
465
|
+
},
|
|
466
|
+
image: {
|
|
467
|
+
src: 'https://p3.aprimocdn.net/malvernpanalytical/3a8462a5-a4f8-48ea-a18a-adea00bebbc8/shutterstock_733895305_Square.jpg?quality=60',
|
|
468
|
+
alt: 'Product image alt'
|
|
469
|
+
},
|
|
470
|
+
header: {
|
|
471
|
+
title: 'Part 2 - Wavelength & energy dispersive XRF explained',
|
|
472
|
+
date: {
|
|
473
|
+
date: 'Oct 2019',
|
|
474
|
+
formatted: true
|
|
475
|
+
}
|
|
476
|
+
},
|
|
477
|
+
footer: {
|
|
478
|
+
cta: {
|
|
479
|
+
link: '#',
|
|
480
|
+
label: 'Watch now',
|
|
481
|
+
icon: 'play'
|
|
482
|
+
}
|
|
483
|
+
},
|
|
484
|
+
link: '#'
|
|
485
|
+
}) }}
|
|
486
|
+
{{ card({
|
|
487
|
+
theme: {
|
|
488
|
+
border: false,
|
|
489
|
+
layout: 'single',
|
|
490
|
+
name: 'event-series',
|
|
491
|
+
inlineSpecs: false,
|
|
492
|
+
corner: false
|
|
493
|
+
},
|
|
494
|
+
image: {
|
|
495
|
+
src: 'https://p3.aprimocdn.net/malvernpanalytical/78a2e0d5-123f-48df-a54f-adea00bec1ad/shutterstock_733895335_Square.jpg?quality=60',
|
|
496
|
+
alt: 'Product image alt'
|
|
497
|
+
},
|
|
498
|
+
header: {
|
|
499
|
+
title: 'Part 3 - The basics of sample preparation for XRF',
|
|
500
|
+
date: {
|
|
501
|
+
date: 'Nov 2019',
|
|
502
|
+
formatted: true
|
|
503
|
+
}
|
|
504
|
+
},
|
|
505
|
+
footer: {
|
|
506
|
+
cta: {
|
|
507
|
+
link: '#',
|
|
508
|
+
label: 'Watch now',
|
|
509
|
+
icon: 'play'
|
|
510
|
+
}
|
|
511
|
+
},
|
|
512
|
+
link: '#'
|
|
513
|
+
}) }}
|
|
514
|
+
</div>
|
|
515
|
+
</div>
|
|
516
|
+
</section>
|
|
522
517
|
|
|
523
518
|
</div>
|
|
524
519
|
{% endblock %}
|