@penskemediacorp/larva-patterns 1.24.1 → 1.27.1
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/__tests__/css/css.prototype.js +1 -1
- package/__tests__/hub/hub.prototype.js +38 -14
- package/__tests__/profile/profile.prototype.js +19 -7
- package/__tests__/profile-index/profile-index.prototype.js +6 -2
- package/__tests__/vlanding/vlanding.prototype.js +9 -5
- package/algorithms/a-carousel-grid/a-carousel-grid.overlay.js +12 -9
- package/components/c-button/c-button.black.js +2 -1
- package/components/c-button/c-button.brand-basic.js +2 -1
- package/components/c-button/c-button.ghost.js +2 -1
- package/components/c-button/c-button.prototype.js +2 -2
- package/components/c-button/c-button.stripped.js +3 -3
- package/components/c-checkbox-input/c-checkbox-input.prototype.js +1 -1
- package/components/c-dek/c-dek.prototype.js +3 -2
- package/components/c-email-field/c-email-field.ghost.js +6 -3
- package/components/c-email-field/c-email-field.prototype.js +1 -1
- package/components/c-figcaption/c-figcaption.prototype.js +3 -2
- package/components/c-heading/c-heading.prototype.js +2 -2
- package/components/c-hidden-field/c-hidden-field.prototype.js +1 -1
- package/components/c-icon/c-icon.prototype.js +1 -1
- package/components/c-label/c-label.prototype.js +1 -1
- package/components/c-lazy-image/c-lazy-image.prototype.js +10 -6
- package/components/c-logo/c-logo.prototype.js +1 -1
- package/components/c-nav-link/c-nav-link.prototype.js +2 -2
- package/components/c-play-badge/c-play-badge.prototype.js +2 -2
- package/components/c-select-option/c-select-option.prototype.js +1 -1
- package/components/c-span/c-span.prototype.js +1 -1
- package/components/c-span/c-span.tag.js +1 -1
- package/components/c-svg/c-svg.prototype.js +2 -2
- package/components/c-tagline/c-tagline.prototype.js +2 -1
- package/components/c-timestamp/c-timestamp.prototype.js +1 -1
- package/components/c-title/c-title.prototype.js +2 -2
- package/index.js +2 -2
- package/modules/age-gate/age-gate.prototype.js +27 -15
- package/modules/article-callout/article-callout.prototype.js +4 -3
- package/modules/article-excerpt/article-excerpt.prototype.js +2 -1
- package/modules/article-tags/article-tags.prototype.js +4 -4
- package/modules/article-timestamp/article-timestamp.prototype.js +8 -6
- package/modules/article-title/article-title.prototype.js +2 -1
- package/modules/author/author.prototype.js +32 -23
- package/modules/author-blurb/author-blurb.prototype.js +17 -13
- package/modules/author-details/author-details.prototype.js +42 -33
- package/modules/back-to-list/back-to-list.prototype.js +6 -3
- package/modules/badge/badge.prototype.js +3 -2
- package/modules/banner/banner.prototype.js +4 -4
- package/modules/brands-most-popular/brands-most-popular.prototype.js +5 -3
- package/modules/breadcrumbs/breadcrumbs.prototype.js +1 -1
- package/modules/breaking-news/breaking-news.prototype.js +24 -13
- package/modules/buy-now/buy-now.prototype.js +9 -4
- package/modules/carousel-grid/carousel-grid.overlay.js +19 -10
- package/modules/carousel-grid/carousel-grid.prototype.js +15 -10
- package/modules/carousel-slider/carousel-slider.prototype.js +15 -10
- package/modules/container/container.narrow.js +8 -0
- package/modules/container/container.prototype.js +2 -2
- package/modules/content-showcase/content-showcase.prototype.js +20 -10
- package/modules/content-showcase/content-showcase.the-moth.js +19 -10
- package/modules/cover/cover.prototype.js +1 -1
- package/modules/expandable-search/expandable-search.prototype.js +11 -7
- package/modules/featured-stories/featured-stories.prototype.js +2 -1
- package/modules/featured-video/featured-video.prototype.js +27 -17
- package/modules/featured-video/featured-video.video-post.js +3 -2
- package/modules/footer/footer.prototype.js +15 -8
- package/modules/footer-button-list/footer-button-list.prototype.js +28 -12
- package/modules/footer-magazine-image/footer-magazine-image.prototype.js +9 -5
- package/modules/footer-menus/footer-menus.prototype.js +11 -10
- package/modules/footer-newsletter/footer-newsletter.prototype.js +18 -9
- package/modules/footer-newsletter/footer-newsletter.twig +3 -0
- package/modules/footer-social/footer-social.prototype.js +27 -16
- package/modules/footer-social/footer-social.twig +11 -3
- package/modules/footer-tip/footer-tip.prototype.js +22 -11
- package/modules/header/header.article.js +34 -19
- package/modules/header/header.prototype.js +46 -24
- package/modules/header-menu/header-menu.prototype.js +19 -14
- package/modules/header-sticky/header-sticky.article.js +28 -20
- package/modules/header-sticky/header-sticky.prototype.js +24 -12
- package/modules/heading/heading.prototype.js +1 -1
- package/modules/hero-image-story/hero-image-story.prototype.js +32 -20
- package/modules/injected-related-content/injected-related-content.prototype.js +44 -32
- package/modules/linked-gallery/linked-gallery.prototype.js +48 -25
- package/modules/list/list.prototype.js +16 -17
- package/modules/listicle-item/listicle-item.prototype.js +6 -3
- package/modules/mega-menu/mega-menu.prototype.js +5 -3
- package/modules/mega-menu-content/mega-menu-content.prototype.js +7 -7
- package/modules/mega-menu-footer/mega-menu-footer.prototype.js +39 -18
- package/modules/mega-menu-footer-subscribe/mega-menu-footer-subscribe.prototype.js +7 -4
- package/modules/mega-menu-item/mega-menu-item.prototype.js +13 -11
- package/modules/more-stories-button/more-stories-button.profile.js +3 -2
- package/modules/more-stories-button/more-stories-button.prototype.js +11 -7
- package/modules/newsletter/newsletter.prototype.js +23 -14
- package/modules/newsletter-cta/newsletter-cta.prototype.js +13 -5
- package/modules/newswire/newswire.prototype.js +16 -9
- package/modules/page-404/page-404.prototype.js +11 -6
- package/modules/paragraph/paragraph.narrow.js +2 -2
- package/modules/pmc-footer/pmc-footer.prototype.js +24 -14
- package/modules/post-content-image/post-content-image.prototype.js +10 -5
- package/modules/production-credits/production-credits.prototype.js +4 -3
- package/modules/profile-block/profile-block.horizontal.js +9 -4
- package/modules/profile-block/profile-block.prototype.js +21 -10
- package/modules/profile-blurb/profile-blurb.card.js +13 -6
- package/modules/profile-blurb/profile-blurb.prototype.js +29 -16
- package/modules/profile-body/profile-body.prototype.js +9 -5
- package/modules/profile-browse-by/profile-browse-by.prototype.js +16 -9
- package/modules/profile-card-list/profile-card-list.prototype.js +8 -5
- package/modules/profile-filter/profile-filter.prototype.js +20 -10
- package/modules/profile-gallery/profile-gallery.prototype.js +16 -9
- package/modules/profile-header/profile-header.prototype.js +18 -10
- package/modules/profile-highlights/profile-highlights.prototype.js +10 -5
- package/modules/profile-landing-header/profile-landing-header.prototype.js +11 -5
- package/modules/profile-landing-river/profile-landing-river.prototype.js +7 -8
- package/modules/profile-related-stories/profile-related-stories.prototype.js +18 -10
- package/modules/read-next/read-next.prototype.js +12 -8
- package/modules/secondary-stories/secondary-stories.prototype.js +128 -71
- package/modules/section-heading/section-heading.h2.js +3 -3
- package/modules/section-heading/section-heading.h3.js +3 -2
- package/modules/section-heading/section-heading.prototype.js +7 -4
- package/modules/separator/separator.double-line.js +2 -1
- package/modules/separator/separator.prototype.js +1 -1
- package/modules/separator/separator.thick-double-line.js +2 -1
- package/modules/separator/separator.wide-thick.js +2 -1
- package/modules/separator/separator.wide.js +2 -1
- package/modules/social-share/social-share.prototype.js +24 -11
- package/modules/special-coverage/special-coverage.prototype.js +44 -21
- package/modules/story/story.borders.js +5 -2
- package/modules/story/story.center-vertical-borders.js +3 -1
- package/modules/story/story.center-vertical.js +4 -2
- package/modules/story/story.prototype.js +35 -16
- package/modules/story/story.right-borders.js +2 -1
- package/modules/story/story.right.js +7 -3
- package/modules/story/story.story-arc.js +3 -1
- package/modules/story/story.vertical.js +5 -2
- package/modules/story-arc-stories/story-arc-stories.prototype.js +12 -10
- package/modules/story-featured-quote/story-featured-quote.prototype.js +25 -17
- package/modules/story-grid/story-grid.prototype.js +7 -3
- package/modules/story-grid/story-grid.river.js +13 -5
- package/modules/sub-header/sub-header.prototype.js +4 -2
- package/modules/top-stories/top-stories.prototype.js +39 -22
- package/modules/top-stories/top-stories.xl.js +3 -3
- package/modules/video-slider/video-slider.prototype.js +8 -4
- package/modules/vlanding-playlist/vlanding-playlist.prototype.js +9 -10
- package/modules/vlanding-video-card/vlanding-video-card.prototype.js +16 -8
- package/modules/vlanding-video-showcase/vlanding-video-showcase.prototype.js +44 -25
- package/objects/o-account-menu/o-account-menu.prototype.js +21 -14
- package/objects/o-author/o-author.prototype.js +9 -5
- package/objects/o-card/o-card.prototype.js +18 -10
- package/objects/o-card-list/o-card-list.prototype.js +1 -5
- package/objects/o-category-link/o-category-link.prototype.js +3 -2
- package/objects/o-checkbox-input-list/o-checkbox-input-list.prototype.js +11 -5
- package/objects/o-collection-item/o-collection-item.floated.js +3 -1
- package/objects/o-collection-item/o-collection-item.prototype.js +6 -4
- package/objects/o-email-capture-form/o-email-capture-form.minimal.js +11 -4
- package/objects/o-email-capture-form/o-email-capture-form.prototype.js +9 -5
- package/objects/o-figure/o-figure.prototype.js +8 -4
- package/objects/o-header/o-header.prototype.js +10 -5
- package/objects/o-header-buttons/o-header-buttons.column.js +7 -4
- package/objects/o-header-buttons/o-header-buttons.prototype.js +23 -12
- package/objects/o-icon-button/o-icon-button.prototype.js +10 -5
- package/objects/o-icon-button/o-icon-button.search.js +5 -2
- package/objects/o-indicator/o-indicator.photos.js +7 -3
- package/objects/o-indicator/o-indicator.prototype.js +6 -3
- package/objects/o-input-group/o-input-group.prototype.js +4 -6
- package/objects/o-nav/o-nav.horizontal.js +2 -1
- package/objects/o-nav/o-nav.prototype.js +3 -3
- package/objects/o-select-nav/o-select-nav.prototype.js +8 -8
- package/objects/o-social-list/o-social-list.prototype.js +5 -4
- package/objects/o-span-group/o-span-group.prototype.js +4 -5
- package/objects/o-sponsored-by/o-sponsored-by.prototype.js +6 -3
- package/objects/o-story-arc-item/o-story-arc-item.prototype.js +12 -7
- package/objects/o-sub-header/o-sub-header.prototype.js +30 -15
- package/objects/o-tease/o-tease.prototype.js +16 -8
- package/objects/o-tease-list/o-tease-list.prototype.js +1 -5
- package/objects/o-video-card/o-video-card.prototype.js +28 -22
- package/package.json +5 -5
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_lazy_image
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
3
|
+
const c_lazy_image = clonedeep(
|
|
4
|
+
require( '@penskemediacorp/larva-patterns/components/c-lazy-image/c-lazy-image.prototype' )
|
|
5
|
+
);
|
|
6
|
+
const article_kicker = clonedeep(
|
|
7
|
+
require( '@penskemediacorp/larva-patterns/modules/article-kicker/article-kicker.prototype' )
|
|
8
|
+
);
|
|
9
|
+
const c_title = clonedeep(
|
|
10
|
+
require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' )
|
|
11
|
+
);
|
|
12
|
+
const c_svg = clonedeep(
|
|
13
|
+
require( '@penskemediacorp/larva-patterns/components/c-svg/c-svg.prototype' )
|
|
14
|
+
);
|
|
7
15
|
|
|
8
16
|
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
|
|
9
17
|
c_lazy_image.c_lazy_image_img_classes += ' lrv-u-filter-grayscale-100';
|
|
@@ -14,41 +22,56 @@ const linked_gallery_item_1 = clonedeep( linked_gallery_item );
|
|
|
14
22
|
const linked_gallery_item_2 = clonedeep( linked_gallery_item );
|
|
15
23
|
const linked_gallery_item_3 = clonedeep( linked_gallery_item );
|
|
16
24
|
|
|
17
|
-
|
|
18
25
|
article_kicker.article_kicker_url = '#';
|
|
19
|
-
article_kicker.article_kicker_link_classes =
|
|
20
|
-
|
|
26
|
+
article_kicker.article_kicker_link_classes =
|
|
27
|
+
'lrv-a-unstyle-link lrv-u-padding-b-050 lrv-u-border-b-1';
|
|
28
|
+
article_kicker.article_kicker_classes =
|
|
29
|
+
'lrv-u-text-align-center lrv-a-font-basic-xs lrv-u-margin-t-1@desktop lrv-u-text-transform-uppercase';
|
|
21
30
|
article_kicker.article_kicker_text = 'Photo Portfolio';
|
|
22
31
|
|
|
23
|
-
c_title.c_title_url
|
|
32
|
+
c_title.c_title_url = '';
|
|
24
33
|
c_title.c_title_text = 'The work of brad elterman';
|
|
25
|
-
c_title.c_title_classes =
|
|
34
|
+
c_title.c_title_classes =
|
|
35
|
+
'lrv-a-font-secondary-xl lrv-u-text-align-center lrv-u-margin-t-2@desktop lrv-u-margin-t-2@mobile-max lrv-u-text-transform-uppercase lrv-a-unstyle-inner-links';
|
|
26
36
|
|
|
27
|
-
const linked_gallery_items = [
|
|
37
|
+
const linked_gallery_items = [
|
|
38
|
+
linked_gallery_item_1,
|
|
39
|
+
linked_gallery_item_2,
|
|
40
|
+
linked_gallery_item_3,
|
|
41
|
+
];
|
|
28
42
|
|
|
29
43
|
for ( let i = 0; i < linked_gallery_items.length; i++ ) {
|
|
30
44
|
if ( 0 === i ) {
|
|
31
|
-
linked_gallery_items[i]
|
|
32
|
-
|
|
33
|
-
linked_gallery_items[i]
|
|
45
|
+
linked_gallery_items[ i ].c_lazy_image.c_lazy_image_classes =
|
|
46
|
+
'lrv-u-margin-r-2@desktop lrv-u-padding-r-2@desktop ';
|
|
47
|
+
linked_gallery_items[ i ].linked_gallery_thumbnail_classes =
|
|
48
|
+
'lrv-u-display-none@mobile-max';
|
|
49
|
+
linked_gallery_items[ i ].c_svg = false;
|
|
34
50
|
}
|
|
35
|
-
|
|
51
|
+
|
|
36
52
|
if ( 1 === i ) {
|
|
37
|
-
linked_gallery_items[i]
|
|
38
|
-
|
|
53
|
+
linked_gallery_items[ i ].c_svg.c_svg_classes =
|
|
54
|
+
'lrv-a-glue lrv-a-glue--r-0 lrv-u-display-none@desktop';
|
|
55
|
+
linked_gallery_items[ i ].linked_gallery_thumbnail_classes =
|
|
56
|
+
'lrv-u-position-absolute@desktop lrv-u-width-38p@desktop lrv-u-top-n33@desktop lrv-a-glue@tablet lrv-u-transform-translateX-n50p@desktop lrv-u-left-50p@desktop lrv-u-text-align-center';
|
|
39
57
|
}
|
|
40
|
-
|
|
58
|
+
|
|
41
59
|
if ( 2 === i ) {
|
|
42
|
-
linked_gallery_items[i]
|
|
43
|
-
|
|
44
|
-
linked_gallery_items[i]
|
|
45
|
-
|
|
46
|
-
|
|
60
|
+
linked_gallery_items[ i ].c_lazy_image.c_lazy_image_classes =
|
|
61
|
+
'lrv-u-margin-l-2@desktop lrv-u-padding-l-2@desktop';
|
|
62
|
+
linked_gallery_items[ i ].linked_gallery_thumbnail_classes =
|
|
63
|
+
'lrv-u-display-none@mobile-max';
|
|
64
|
+
linked_gallery_items[ i ].c_svg.c_svg_classes =
|
|
65
|
+
'lrv-a-glue lrv-a-glue--r-0';
|
|
66
|
+
}
|
|
67
|
+
}
|
|
47
68
|
|
|
48
69
|
module.exports = {
|
|
49
70
|
linked_gallery_classes: 'lrv-u-border-t-1 lrv-u-border-b-1',
|
|
50
|
-
linked_gallery_container_classes:
|
|
51
|
-
|
|
71
|
+
linked_gallery_container_classes:
|
|
72
|
+
'lrv-u-border-t-1 lrv-u-margin-t-025 lrv-u-padding-tb-2@desktop lrv-u-padding-lr-125@desktop lrv-u-padding-lr-050@mobile-max lrv-u-padding-tb-125@mobile-max',
|
|
73
|
+
linked_gallery_thumbnails_classes:
|
|
74
|
+
'lrv-a-grid lrv-a-cols2@desktop lrv-u-position-relative lrv-u-margin-t-2@desktop',
|
|
52
75
|
linked_gallery_items,
|
|
53
76
|
linked_gallery_url: '#',
|
|
54
77
|
article_kicker,
|
|
@@ -2,12 +2,12 @@ module.exports = {
|
|
|
2
2
|
list_classes: 'a-font-body-m',
|
|
3
3
|
list_markup: 'Paragraph Text.',
|
|
4
4
|
list_type_name: 'u',
|
|
5
|
-
list_items: [
|
|
5
|
+
list_items: [
|
|
6
6
|
{
|
|
7
|
-
list_markup: 'item_one',
|
|
7
|
+
list_markup: 'item_one',
|
|
8
8
|
},
|
|
9
9
|
{
|
|
10
|
-
list_markup: 'item_two',
|
|
10
|
+
list_markup: 'item_two',
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
13
|
list_classes: 'a-font-body-m',
|
|
@@ -16,10 +16,10 @@ module.exports = {
|
|
|
16
16
|
list_item_classes: '',
|
|
17
17
|
list_items: [
|
|
18
18
|
{
|
|
19
|
-
list_markup: 'sub_item_one',
|
|
19
|
+
list_markup: 'sub_item_one',
|
|
20
20
|
},
|
|
21
21
|
{
|
|
22
|
-
list_markup: 'sub_item_two',
|
|
22
|
+
list_markup: 'sub_item_two',
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
list_classes: 'a-font-body-m',
|
|
@@ -28,10 +28,10 @@ module.exports = {
|
|
|
28
28
|
list_item_classes: '',
|
|
29
29
|
list_items: [
|
|
30
30
|
{
|
|
31
|
-
list_markup: 'sub_sub_item_one',
|
|
31
|
+
list_markup: 'sub_sub_item_one',
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
|
-
list_markup: 'sub_sub_item_two',
|
|
34
|
+
list_markup: 'sub_sub_item_two',
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
37
|
list_classes: 'a-font-body-m',
|
|
@@ -40,18 +40,17 @@ module.exports = {
|
|
|
40
40
|
list_item_classes: '',
|
|
41
41
|
list_items: [
|
|
42
42
|
{
|
|
43
|
-
list_markup: 'sub_sub_sub_item_one',
|
|
43
|
+
list_markup: 'sub_sub_sub_item_one',
|
|
44
44
|
},
|
|
45
45
|
{
|
|
46
|
-
list_markup: 'sub_sub_sub_item_two',
|
|
46
|
+
list_markup: 'sub_sub_sub_item_two',
|
|
47
47
|
},
|
|
48
|
-
]
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
48
|
+
],
|
|
49
|
+
},
|
|
50
|
+
],
|
|
51
|
+
},
|
|
52
|
+
],
|
|
53
|
+
},
|
|
55
54
|
],
|
|
56
|
-
list_item_classes: ''
|
|
55
|
+
list_item_classes: '',
|
|
57
56
|
};
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const o_collection_item = clonedeep(
|
|
3
|
+
const o_collection_item = clonedeep(
|
|
4
|
+
require( '../../objects/o-collection-item/o-collection-item.prototype' )
|
|
5
|
+
);
|
|
4
6
|
|
|
5
7
|
o_collection_item.o_collection_item_classes = 'a-floated-parent';
|
|
6
|
-
o_collection_item.o_figure.o_figure_classes =
|
|
8
|
+
o_collection_item.o_figure.o_figure_classes =
|
|
9
|
+
'a-floated-left@tablet lrv-u-padding-r-1@tablet';
|
|
7
10
|
|
|
8
11
|
module.exports = {
|
|
9
12
|
listicle_item_classes: 'lrv-a-wrapper',
|
|
10
|
-
o_collection_item
|
|
13
|
+
o_collection_item,
|
|
11
14
|
};
|
|
@@ -11,6 +11,8 @@ module.exports = {
|
|
|
11
11
|
mega_menu_content,
|
|
12
12
|
mega_menu_classes: '',
|
|
13
13
|
mega_menu_outer_classes: 'lrv-a-wrapper',
|
|
14
|
-
mega_menu_inner_classes:
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
mega_menu_inner_classes:
|
|
15
|
+
'lrv-u-background-color-white lrv-u-flex lrv-u-flex-direction-column lrv-u-border-b-2 lrv-u-border-r-2 lrv-u-border-l-2',
|
|
16
|
+
mega_menu_content_outer_classes:
|
|
17
|
+
'lrv-u-background-color-white lrv-u-padding-a-150 lrv-u-width-100p',
|
|
18
|
+
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
-
const mega_menu_item = clonedeep(
|
|
2
|
+
const mega_menu_item = clonedeep(
|
|
3
|
+
require( '../mega-menu-item/mega-menu-item.prototype' )
|
|
4
|
+
);
|
|
3
5
|
|
|
4
6
|
module.exports = {
|
|
5
|
-
mega_menu_content_items: [
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
mega_menu_content_classes: 'lrv-u-flex lrv-u-flex-wrap-wrap lrv-a-unstyle-list lrv-u-background-color-white lrv-a-space-children--050 lrv-a-space-children-horizontal '
|
|
10
|
-
};
|
|
7
|
+
mega_menu_content_items: [ mega_menu_item, mega_menu_item ],
|
|
8
|
+
mega_menu_content_classes:
|
|
9
|
+
'lrv-u-flex lrv-u-flex-wrap-wrap lrv-a-unstyle-list lrv-u-background-color-white lrv-a-space-children--050 lrv-a-space-children-horizontal ',
|
|
10
|
+
};
|
|
@@ -1,29 +1,45 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const mega_menu_subscribe = clonedeep(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
3
|
+
const mega_menu_subscribe = clonedeep(
|
|
4
|
+
require( '../mega-menu-footer-subscribe/mega-menu-footer-subscribe.prototype' )
|
|
5
|
+
);
|
|
6
|
+
const social_heading = clonedeep(
|
|
7
|
+
require( '../../modules/heading/heading.prototype' )
|
|
8
|
+
);
|
|
9
|
+
const newsletter_heading = clonedeep(
|
|
10
|
+
require( '../../modules/heading/heading.prototype' )
|
|
11
|
+
);
|
|
12
|
+
const o_social_list = clonedeep(
|
|
13
|
+
require( '../../objects/o-social-list/o-social-list.prototype' )
|
|
14
|
+
);
|
|
7
15
|
|
|
8
16
|
social_heading.heading_level_text = '3';
|
|
9
|
-
social_heading.heading_classes =
|
|
17
|
+
social_heading.heading_classes =
|
|
18
|
+
'lrv-a-font-body-xs lrv-u-margin-b-050 lrv-u-margin-t-025 lrv-u-font-weight-normal lrv-u-text-transform-uppercase lrv-u-text-align-center lrv-u-display-inline-block@mobile-max lrv-u-vertical-align-middle@mobile-max';
|
|
10
19
|
social_heading.heading_markup = 'Follow Us';
|
|
11
20
|
|
|
12
21
|
newsletter_heading.heading_level_text = '3';
|
|
13
|
-
newsletter_heading.heading_classes =
|
|
22
|
+
newsletter_heading.heading_classes =
|
|
23
|
+
'email-form-heading lrv-u-background-color-white lrv-a-font-body-xs lrv-u-width-70p lrv-u-margin-b-125 lrv-u-text-align-center lrv-u-font-weight-normal lrv-u-text-transform-uppercase lrv-u-padding-lr-075 lrv-u-border-r-1 lrv-u-border-l-1 lrv-u-border-r-00@mobile-max lrv-u-border-l-00@mobile-max';
|
|
14
24
|
newsletter_heading.heading_markup = 'Alerts & Newsletters';
|
|
15
25
|
|
|
16
26
|
const o_email_capture_form_prototype = require( '../../objects/o-email-capture-form/o-email-capture-form.prototype' );
|
|
17
27
|
const o_email_capture_form = clonedeep( o_email_capture_form_prototype );
|
|
18
28
|
|
|
19
29
|
o_email_capture_form.c_email_field.c_email_field_label_text = 'Email Address';
|
|
20
|
-
o_email_capture_form.c_email_field.c_email_field_input_placeholder_attr =
|
|
21
|
-
|
|
22
|
-
o_email_capture_form.c_email_field.
|
|
30
|
+
o_email_capture_form.c_email_field.c_email_field_input_placeholder_attr =
|
|
31
|
+
'ENTER E-MAIL';
|
|
32
|
+
o_email_capture_form.c_email_field.c_email_field_input_classes =
|
|
33
|
+
'lrv-u-width-100p';
|
|
34
|
+
o_email_capture_form.c_email_field.c_email_field_classes =
|
|
35
|
+
'lrv-u-border-b-1 lrv-u-border-r-1 lrv-a-font-body-xxs lrv-u-margin-b-125 lrv-u-margin-b-00@mobile-max lrv-u-text-align-left lrv-u-width-75p@mobile-max';
|
|
23
36
|
o_email_capture_form.c_email_field.c_email_field_label_classes = 'lrv-a-hidden';
|
|
24
|
-
o_email_capture_form.o_email_capture_form_inner_classes =
|
|
25
|
-
|
|
26
|
-
o_email_capture_form.c_button.
|
|
37
|
+
o_email_capture_form.o_email_capture_form_inner_classes =
|
|
38
|
+
'lrv-u-text-align-right lrv-u-align-items-center';
|
|
39
|
+
o_email_capture_form.c_button.c_button_classes =
|
|
40
|
+
'lrv-a-font-body-xs lrv-a-icon-after lrv-u-text-transform-uppercase lrv-a-unstyle-button lrv-u-cursor-pointer lrv-u-flex lrv-u-justify-content-end lrv-u-width-100p@tablet lrv-a-glue-parent@tablet lrv-u-width-75p@mobile-max';
|
|
41
|
+
o_email_capture_form.c_button.c_button_inner_classes =
|
|
42
|
+
'lrv-u-background-color-white lrv-u-padding-l-050';
|
|
27
43
|
o_email_capture_form.c_button.c_button_text = 'Sign Up';
|
|
28
44
|
|
|
29
45
|
module.exports = {
|
|
@@ -33,9 +49,14 @@ module.exports = {
|
|
|
33
49
|
mega_menu_subscribe,
|
|
34
50
|
newsletter_heading,
|
|
35
51
|
mega_menu_footer_classes: 'lrv-u-border-t-2 lrv-u-background-color-white',
|
|
36
|
-
mega_menu_footer_inner_classes:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
52
|
+
mega_menu_footer_inner_classes:
|
|
53
|
+
'lrv-u-flex lrv-u-flex-direction-column@mobile-max',
|
|
54
|
+
mega_menu_footer_subscribe_classes:
|
|
55
|
+
'lrv-u-flex lrv-u-flex-direction-column@desktop-max lrv-u-align-items-center lrv-u-width-30p lrv-a-hidden@mobile-max lrv-u-border-r-6 lrv-u-margin-r-025',
|
|
56
|
+
mega_menu_footer_social_classes:
|
|
57
|
+
'lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center lrv-u-padding-tb-050 lrv-u-width-20p lrv-u-width-100p@mobile-max lrv-u-border-r-1 lrv-u-border-l-1 lrv-u-border-r-00@mobile-max lrv-u-border-l-00@mobile-max lrv-u-padding-lr-050 lrv-u-display-block@mobile-max lrv-u-text-align-center@mobile-max lrv-u-border-b-2@mobile-max',
|
|
58
|
+
mega_menu_social_list_classes:
|
|
59
|
+
' lrv-u-display-inline-block@mobile-max lrv-u-vertical-align-middle@mobile-max lrv-u-flex@tablet lrv-u-justify-content-center',
|
|
60
|
+
mega_menu_footer_form_classes:
|
|
61
|
+
'lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center lrv-u-padding-tb-1 lrv-u-width-50p lrv-u-width-100p@mobile-max lrv-u-flex-direction-column lrv-u-padding-lr-125',
|
|
62
|
+
};
|
|
@@ -6,15 +6,18 @@ const c_lazy_image = clonedeep( c_lazy_image_prototype );
|
|
|
6
6
|
const c_icon_prototype = require( '../../components/c-icon/c-icon.prototype.js' );
|
|
7
7
|
const c_icon = clonedeep( c_icon_prototype );
|
|
8
8
|
|
|
9
|
-
c_icon.c_icon_classes =
|
|
9
|
+
c_icon.c_icon_classes =
|
|
10
|
+
'lrv-a-glue lrv-a-glue--l-0 lrv-a-glue--t-50p lrv-u-transform-translateY-n50p lrv-u-width-50';
|
|
10
11
|
|
|
11
|
-
c_lazy_image.c_lazy_image_src_url =
|
|
12
|
-
|
|
12
|
+
c_lazy_image.c_lazy_image_src_url =
|
|
13
|
+
'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg';
|
|
14
|
+
c_lazy_image.c_lazy_image_placeholder_url =
|
|
15
|
+
'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg';
|
|
13
16
|
c_lazy_image.c_lazy_image_classes = 'lrv-u-padding-l-3';
|
|
14
17
|
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-2x3';
|
|
15
18
|
|
|
16
19
|
module.exports = {
|
|
17
20
|
footer_subscribe_classes: 'lrv-a-glue-parent lrv-u-width-100p',
|
|
18
21
|
c_lazy_image,
|
|
19
|
-
c_icon
|
|
22
|
+
c_icon,
|
|
20
23
|
};
|
|
@@ -1,23 +1,25 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_link = clonedeep(
|
|
3
|
+
const c_link = clonedeep(
|
|
4
|
+
require( '../../components/c-link/c-link.prototype' )
|
|
5
|
+
);
|
|
4
6
|
const c_link__parent = clonedeep( c_link );
|
|
5
7
|
const c_link__child = clonedeep( c_link );
|
|
6
8
|
|
|
7
9
|
c_link__parent.c_link_text = 'Parent item';
|
|
8
|
-
c_link__parent.c_link_classes =
|
|
10
|
+
c_link__parent.c_link_classes =
|
|
11
|
+
'lrv-a-unstyle-link lrv-u-color-brand-primary-dark:hover lrv-u-font-weight-bold lrv-a-font-body-xs lrv-u-text-transform-uppercase';
|
|
9
12
|
|
|
10
13
|
c_link__child.c_link_text = 'Child item';
|
|
11
|
-
c_link__child.c_link_classes =
|
|
14
|
+
c_link__child.c_link_classes =
|
|
15
|
+
'lrv-a-unstyle-link lrv-u-color-brand-primary-dark:hover lrv-u-padding-tb-025 lrv-u-display-block lrv-a-font-body-xs';
|
|
12
16
|
|
|
13
17
|
module.exports = {
|
|
14
18
|
c_link: c_link__parent,
|
|
15
|
-
mega_menu_item_children: [
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
mega_menu_item_link_classes:'lrv-u-flex lrv-u-color-black lrv-u-display-inline-block lrv-u-width-100p',
|
|
22
|
-
mega_menu_child_list_classes:'lrv-a-unstyle-list lrv-u-padding-t-1 lrv-u-margin-b-125'
|
|
19
|
+
mega_menu_item_children: [ c_link__child, c_link__child, c_link__child ],
|
|
20
|
+
mega_menu_item_classes: 'lrv-a-unstyle-list',
|
|
21
|
+
mega_menu_item_link_classes:
|
|
22
|
+
'lrv-u-flex lrv-u-color-black lrv-u-display-inline-block lrv-u-width-100p',
|
|
23
|
+
mega_menu_child_list_classes:
|
|
24
|
+
'lrv-a-unstyle-list lrv-u-padding-t-1 lrv-u-margin-b-125',
|
|
23
25
|
};
|
|
@@ -3,10 +3,11 @@ const more_stories_button_prototype = require( './more-stories-button.prototype'
|
|
|
3
3
|
|
|
4
4
|
const more_stories_button_profile = clonedeep( more_stories_button_prototype );
|
|
5
5
|
|
|
6
|
-
more_stories_button_profile.c_button.c_button_classes =
|
|
6
|
+
more_stories_button_profile.c_button.c_button_classes =
|
|
7
|
+
'js-ProfileFilter-loadMore lrv-a-unstyle-button lrv-u-cursor-pointer lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-background-color-black lrv-u-color-white lrv-u-color-white:hover lrv-u-text-align-center lrv-u-font-size-28 lrv-u-display-block lrv-u-border-radius-5 lrv-u-width-100p lrv-u-font-family-primary lrv-u-font-weight-bold';
|
|
7
8
|
more_stories_button_profile.c_button.c_button_url = false;
|
|
8
9
|
more_stories_button_profile.c_button.c_button_text = 'Load More';
|
|
9
10
|
more_stories_button_profile.c_button_prev = false;
|
|
10
|
-
more_stories_button_profile.c_button_next = false
|
|
11
|
+
more_stories_button_profile.c_button_next = false;
|
|
11
12
|
|
|
12
13
|
module.exports = more_stories_button_profile;
|
|
@@ -3,7 +3,8 @@ const c_button_basic_prototype = require( '../../components/c-button/c-button.br
|
|
|
3
3
|
|
|
4
4
|
const c_button_struct = clonedeep( c_button_basic_prototype );
|
|
5
5
|
|
|
6
|
-
c_button_struct.c_button_classes +=
|
|
6
|
+
c_button_struct.c_button_classes +=
|
|
7
|
+
' lrv-u-color-white:hover lrv-u-border-radius-5 lrv-u-text-align-center lrv-u-font-size-28';
|
|
7
8
|
|
|
8
9
|
const c_button = clonedeep( c_button_struct );
|
|
9
10
|
const c_button_prev = clonedeep( c_button_struct );
|
|
@@ -13,17 +14,20 @@ c_button.c_button_classes += ' lrv-u-display-block lrv-u-width-100p';
|
|
|
13
14
|
c_button.c_button_text = 'More Stories';
|
|
14
15
|
c_button.c_button_url = '#';
|
|
15
16
|
|
|
16
|
-
c_button_prev.c_button_classes +=
|
|
17
|
+
c_button_prev.c_button_classes +=
|
|
18
|
+
' lrv-a-icon-arrow-left lrv-a-icon-invert lrv-a-icon-before lrv-u-font-size-18 lrv-u-justify-content-center';
|
|
17
19
|
c_button_prev.c_button_text = 'Previous';
|
|
18
20
|
c_button_prev.c_button_url = '#';
|
|
19
21
|
|
|
20
|
-
c_button_next.c_button_classes +=
|
|
22
|
+
c_button_next.c_button_classes +=
|
|
23
|
+
' lrv-a-icon-arrow-right lrv-a-icon-invert lrv-a-icon-after lrv-u-font-size-18 lrv-u-justify-content-center lrv-u-margin-l-auto';
|
|
21
24
|
c_button_next.c_button_text = 'Next';
|
|
22
25
|
c_button_next.c_button_url = '#';
|
|
23
26
|
|
|
24
27
|
module.exports = {
|
|
25
|
-
more_stories_button_classes:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
more_stories_button_classes:
|
|
29
|
+
'lrv-u-font-weight-bold lrv-u-font-family-primary',
|
|
30
|
+
c_button,
|
|
31
|
+
c_button_prev,
|
|
32
|
+
c_button_next,
|
|
29
33
|
};
|
|
@@ -14,33 +14,42 @@ const c_tagline = clonedeep( c_tagline_prototype );
|
|
|
14
14
|
|
|
15
15
|
const c_tagline_terms = clonedeep( c_tagline_prototype );
|
|
16
16
|
|
|
17
|
-
c_tagline.c_tagline_classes =
|
|
17
|
+
c_tagline.c_tagline_classes =
|
|
18
|
+
'lrv-u-margin-t-1 lrv-u-margin-b-00 lrv-u-text-align-center lrv-u-font-size-20 lrv-u-line-height-small lrv-u-margin-b-2';
|
|
18
19
|
c_tagline.c_tagline_text = 'Sign Up for our Newsletters';
|
|
19
20
|
|
|
20
|
-
c_logo.c_logo_classes =
|
|
21
|
+
c_logo.c_logo_classes =
|
|
22
|
+
'lrv-a-unstyle-link lrv-u-display-contents lrv-u-width-100p lrv-u-color-black';
|
|
21
23
|
|
|
22
|
-
o_email_capture_form.c_email_field.c_email_field_input_placeholder_attr =
|
|
23
|
-
|
|
24
|
+
o_email_capture_form.c_email_field.c_email_field_input_placeholder_attr =
|
|
25
|
+
'Email';
|
|
26
|
+
o_email_capture_form.c_email_field.c_email_field_input_classes +=
|
|
27
|
+
' lrv-u-border-a-0 lrv-u-font-size-14 lrv-u-width-100p lrv-u-margin-b-1 lrv-u-padding-lr-1 lrv-u-padding-tb-050 lrv-u-border-radius-5';
|
|
24
28
|
o_email_capture_form.c_email_field.c_email_field_input_id_attr = 'EmailAddress';
|
|
25
|
-
o_email_capture_form.c_email_field.c_email_field_input_name_attr =
|
|
29
|
+
o_email_capture_form.c_email_field.c_email_field_input_name_attr =
|
|
30
|
+
'EmailAddress';
|
|
26
31
|
o_email_capture_form.c_button.c_button_text = 'Subscribe Today';
|
|
27
|
-
o_email_capture_form.c_button.c_button_classes +=
|
|
28
|
-
|
|
32
|
+
o_email_capture_form.c_button.c_button_classes +=
|
|
33
|
+
' lrv-u-background-color-black lrv-u-color-white lrv-u-border-radius-5 lrv-u-width-100p lrv-u-text-align-center lrv-u-padding-a-050 lrv-u-font-weight-bold';
|
|
34
|
+
o_email_capture_form.c_email_field.c_email_field_label_classes =
|
|
35
|
+
'lrv-a-screen-reader-only';
|
|
29
36
|
o_email_capture_form.c_email_field.c_email_field_label_text = 'Email Address';
|
|
30
37
|
|
|
31
38
|
c_tagline_terms.c_tagline_classes = 'lrv-u-margin-t-1';
|
|
32
39
|
c_tagline_terms.c_tagline_text = false;
|
|
33
|
-
c_tagline_terms.c_tagline_markup =
|
|
40
|
+
c_tagline_terms.c_tagline_markup =
|
|
41
|
+
'By subscribing, I agree to the <a href="#">Terms of Use</a> and <a href="#">Privacy Policy</a>.';
|
|
34
42
|
|
|
35
43
|
module.exports = {
|
|
36
|
-
newsletter_classes:
|
|
44
|
+
newsletter_classes:
|
|
45
|
+
'lrv-u-padding-tb-2 lrv-u-padding-lr-2 lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center',
|
|
37
46
|
newsletter_typography_class: '',
|
|
38
47
|
newsletter_text_align_class: '',
|
|
39
48
|
newsletter_color_class: '',
|
|
40
49
|
newsletter_background_color_class: '',
|
|
41
|
-
c_title
|
|
42
|
-
c_logo
|
|
43
|
-
c_tagline
|
|
44
|
-
o_email_capture_form
|
|
45
|
-
c_tagline_terms
|
|
50
|
+
c_title,
|
|
51
|
+
c_logo,
|
|
52
|
+
c_tagline,
|
|
53
|
+
o_email_capture_form,
|
|
54
|
+
c_tagline_terms,
|
|
46
55
|
};
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_heading = clonedeep(
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
const c_heading = clonedeep(
|
|
4
|
+
require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' )
|
|
5
|
+
);
|
|
6
|
+
const c_tagline = clonedeep(
|
|
7
|
+
require( '@penskemediacorp/larva-patterns/components/c-tagline/c-tagline.prototype' )
|
|
8
|
+
);
|
|
9
|
+
const c_button = clonedeep(
|
|
10
|
+
require( '@penskemediacorp/larva-patterns/components/c-button/c-button.brand-basic' )
|
|
11
|
+
);
|
|
6
12
|
|
|
7
13
|
c_heading.c_heading_text = 'Newsletters';
|
|
8
14
|
c_heading.c_heading_classes = 'lrv-u-text-transform-uppercase';
|
|
@@ -11,10 +17,12 @@ c_tagline.c_tagline_classes = 'lrv-u-margin-a-00 lrv-u-margin-b-150@mobile-max';
|
|
|
11
17
|
c_button.c_button_text = 'Subscribe';
|
|
12
18
|
c_button.c_button_url = '#';
|
|
13
19
|
c_button.c_button_target_attr = '_blank';
|
|
14
|
-
c_button.c_button_classes +=
|
|
20
|
+
c_button.c_button_classes +=
|
|
21
|
+
' lrv-a-unstyle-link lrv-u-color-white:hover lrv-u-background-color-black:hover lrv-a-hover-effect';
|
|
15
22
|
|
|
16
23
|
module.exports = {
|
|
17
|
-
newsletter_cta_classes:
|
|
24
|
+
newsletter_cta_classes:
|
|
25
|
+
'lrv-u-margin-tb-125 lrv-u-margin-tb-150@desktop-xl lrv-u-padding-tb-2 lrv-u-flex lrv-u-justify-content-space-between lrv-u-border-t-1 lrv-u-border-b-1 lrv-u-align-items-center lrv-u-flex-direction-column@mobile-max lrv-u-padding-a-2@mobile-max',
|
|
18
26
|
c_heading,
|
|
19
27
|
c_tagline,
|
|
20
28
|
c_button,
|
|
@@ -15,21 +15,27 @@ const c_title = clonedeep( c_title_prototype );
|
|
|
15
15
|
const c_svg = clonedeep( c_svg_prototype );
|
|
16
16
|
|
|
17
17
|
c_heading.c_heading_text = 'Newswire';
|
|
18
|
-
c_heading.c_heading_classes =
|
|
18
|
+
c_heading.c_heading_classes =
|
|
19
|
+
'lrv-u-font-family-primary lrv-u-font-size-32 lrv-u-margin-b-050';
|
|
19
20
|
|
|
20
|
-
c_span.c_span_classes +=
|
|
21
|
+
c_span.c_span_classes +=
|
|
22
|
+
' lrv-u-display-block lrv-u-font-size-14 lrv-u-margin-tb-050 lrv-u-display-block';
|
|
21
23
|
|
|
22
|
-
c_timestamp.c_timestamp_classes =
|
|
24
|
+
c_timestamp.c_timestamp_classes =
|
|
25
|
+
'lrv-u-font-size-12 lrv-u-color-grey lrv-u-margin-t-auto@desktop';
|
|
23
26
|
|
|
24
|
-
c_title.c_title_text =
|
|
25
|
-
|
|
27
|
+
c_title.c_title_text =
|
|
28
|
+
'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi expedita pariatur sint eveniet.';
|
|
29
|
+
c_title.c_title_classes +=
|
|
30
|
+
' lrv-u-font-size-12 lrv-u-font-size-14@desktop lrv-u-font-weight-normal lrv-u-margin-b-050';
|
|
26
31
|
c_title.c_title_url = false;
|
|
27
32
|
|
|
28
33
|
o_card.o_card_classes = 'lrv-u-flex lrv-u-flex-direction-column';
|
|
29
34
|
o_card.o_card_link_url = '#';
|
|
30
35
|
o_card.o_card_link_classes = 'lrv-a-unstyle-link lrv-u-display-block';
|
|
31
36
|
o_card.o_card_image_wrap_classes = '';
|
|
32
|
-
o_card.c_lazy_image.c_lazy_image_classes +=
|
|
37
|
+
o_card.c_lazy_image.c_lazy_image_classes +=
|
|
38
|
+
' lrv-a-hover-effect lrv-a-hover-effect--fade';
|
|
33
39
|
o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-4x3';
|
|
34
40
|
o_card.c_span = c_span;
|
|
35
41
|
o_card.c_title = c_title;
|
|
@@ -38,9 +44,10 @@ o_card.c_svg = c_svg;
|
|
|
38
44
|
|
|
39
45
|
module.exports = {
|
|
40
46
|
newswire_classes: 'lrv-a-wrapper lrv-u-padding-b-2',
|
|
41
|
-
newswire_list_classes:
|
|
47
|
+
newswire_list_classes:
|
|
48
|
+
'lrv-a-unstyle-list js-Flickity js-Flickity--fourths js-Flickity--isContained js-Flickity--nav-top-right js-Flickity--bordered-buttons js-Flickity--isFreeScrol js-Flickity--newswire lrv-u-padding-l-00',
|
|
42
49
|
newswire_list_item_classes: 'js-Flickity-cell lrv-u-margin-r-150',
|
|
43
|
-
c_heading
|
|
50
|
+
c_heading,
|
|
44
51
|
newswire_aria_labelledby_attr: c_heading.c_heading_id_attr,
|
|
45
|
-
newswire_items: [ o_card, o_card, o_card, o_card, o_card ]
|
|
52
|
+
newswire_items: [ o_card, o_card, o_card, o_card, o_card ],
|
|
46
53
|
};
|
|
@@ -21,24 +21,29 @@ c_svg.c_svg_name = 'logo-404';
|
|
|
21
21
|
c_svg.c_svg_classes = 'lrv-u-max-width-100p';
|
|
22
22
|
|
|
23
23
|
c_title.c_title_text = 'OOPS! Something went wrong here!';
|
|
24
|
-
c_title.c_title_classes =
|
|
24
|
+
c_title.c_title_classes =
|
|
25
|
+
'lrv-a-font-secondary-l lrv-u-text-transform-uppercase lrv-u-margin-b-125';
|
|
25
26
|
c_title.c_title_url = false;
|
|
26
27
|
|
|
27
28
|
c_button_home.c_button_text = 'Back To Homepage';
|
|
28
29
|
c_button_home.c_button_url = '/';
|
|
29
|
-
c_button_home.c_button_classes +=
|
|
30
|
+
c_button_home.c_button_classes +=
|
|
31
|
+
' lrv-u-background-color-black lrv-u-margin-lr-075 lrv-u-text-transform-uppercase lrv-u-font-weight-bold u-background-color-brand-primary-dark:hover lrv-u-color-white lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-1';
|
|
30
32
|
|
|
31
33
|
c_button_search.c_button_text = 'Head To Search';
|
|
32
34
|
c_button_search.c_button_url = '#';
|
|
33
|
-
c_button_search.c_button_classes +=
|
|
35
|
+
c_button_search.c_button_classes +=
|
|
36
|
+
' lrv-u-background-color-black lrv-u-margin-lr-075 lrv-u-text-transform-uppercase lrv-u-font-weight-bold u-background-color-brand-primary-dark:hover lrv-u-color-white lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-margin-t-050@mobile-max';
|
|
34
37
|
|
|
35
38
|
module.exports = {
|
|
36
39
|
c_heading,
|
|
37
|
-
c_title
|
|
40
|
+
c_title,
|
|
38
41
|
c_button_home,
|
|
39
42
|
c_button_search,
|
|
40
43
|
c_svg,
|
|
41
|
-
wrapper_classes:
|
|
44
|
+
wrapper_classes:
|
|
45
|
+
'lrv-u-text-align-center lrv-u-padding-t-1 lrv-u-padding-b-2 lrv-u-margin-b-2 lrv-u-max-width-830 lrv-u-margin-lr-auto',
|
|
42
46
|
page_404_inner_classes: 'lrv-u-margin-lr-auto lrv-u-padding-lr-1',
|
|
43
|
-
button_outer_classes:
|
|
47
|
+
button_outer_classes:
|
|
48
|
+
'lrv-u-flex lrv-u-justify-content-center lrv-u-align-items-center lrv-u-flex-direction-column@mobile-max',
|
|
44
49
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
3
|
const paragraph_prototype = require( './paragraph.prototype' );
|
|
4
4
|
const paragraph_narrow = clonedeep( paragraph_prototype );
|
|
5
5
|
|
|
6
6
|
paragraph_narrow.paragraph_classes += ' lrv-u-width-75p';
|
|
7
7
|
|
|
8
|
-
module.exports = paragraph_narrow;
|
|
8
|
+
module.exports = paragraph_narrow;
|