@penskemediacorp/larva-patterns 1.23.0 → 1.26.0
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.prototype.js +1 -1
- 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-social/footer-social.prototype.js +27 -16
- 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/sub-header/sub-header.twig +1 -1
- 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
|
@@ -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;
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
3
|
const c_link_prototype = require( '../../components/c-link/c-link.prototype' );
|
|
4
|
-
const c_tagline = clonedeep(
|
|
5
|
-
|
|
4
|
+
const c_tagline = clonedeep(
|
|
5
|
+
require( '../../components/c-tagline/c-tagline.prototype' )
|
|
6
|
+
);
|
|
7
|
+
const c_link = clonedeep(
|
|
8
|
+
require( '../../components/c-link/c-link.prototype' )
|
|
9
|
+
);
|
|
6
10
|
const o_nav = clonedeep( require( '../../objects/o-nav/o-nav.prototype' ) );
|
|
7
11
|
const c_icon = clonedeep( require( '../../components/c-icon/c-icon.full' ) );
|
|
8
12
|
|
|
9
13
|
const data = require( '../../_data/brands.json' );
|
|
10
14
|
|
|
11
15
|
c_tagline.c_tagline_classes = 'lrv-u-margin-a-00';
|
|
12
|
-
c_tagline.c_tagline_text =
|
|
16
|
+
c_tagline.c_tagline_text =
|
|
17
|
+
'Copyright © 2018 Penske Business Media, LLC. All rights reserved.';
|
|
13
18
|
|
|
14
19
|
c_link.c_link_classes = 'lrv-a-unstyle-link';
|
|
15
20
|
c_link.c_link_text = 'Powered by WordPress.com VIP';
|
|
@@ -18,32 +23,37 @@ c_link.c_link_url = '#';
|
|
|
18
23
|
o_nav.o_nav_title_text = 'Our Sites';
|
|
19
24
|
o_nav.o_nav_list_items = [];
|
|
20
25
|
|
|
21
|
-
c_icon.c_icon_classes =
|
|
26
|
+
c_icon.c_icon_classes =
|
|
27
|
+
'lrv-u-max-width-150 lrv-u-max-height-50 lrv-u-color-black';
|
|
22
28
|
c_icon.c_icon_name = 'pmc-logo';
|
|
23
29
|
c_icon.c_icon_url = 'https://pmc.com';
|
|
24
30
|
c_icon.c_icon_rel_name = 'noopener noreferrer';
|
|
25
31
|
|
|
26
32
|
data.brands.forEach( ( brand ) => {
|
|
27
|
-
|
|
33
|
+
const c_link = clonedeep( c_link_prototype );
|
|
28
34
|
|
|
29
35
|
c_link.c_link_text = brand.name;
|
|
30
36
|
c_link.c_link_url = brand.url;
|
|
31
|
-
c_link.c_link_classes +=
|
|
37
|
+
c_link.c_link_classes +=
|
|
38
|
+
' lrv-u-display-block lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-u-padding-lr-1 lrv-u-padding-tb-050';
|
|
32
39
|
|
|
33
40
|
o_nav.o_nav_list_items.push( c_link );
|
|
34
|
-
});
|
|
41
|
+
} );
|
|
35
42
|
|
|
36
43
|
o_nav.o_nav_title_id_attr = 'pmc-footer';
|
|
37
|
-
o_nav.o_nav_classes =
|
|
38
|
-
|
|
39
|
-
o_nav.
|
|
44
|
+
o_nav.o_nav_classes =
|
|
45
|
+
'lrv-u-text-transform-uppercase lrv-u-font-size-12 lrv-u-border-a-1 lrv-u-border-color-grey-light lrv-u-flex@tablet lrv-js-MobileHeightToggle lrv-a-hover-dropup@tablet lrv-js-Navigable';
|
|
46
|
+
o_nav.o_nav_title_classes =
|
|
47
|
+
'lrv-u-padding-lr-1 lrv-u-margin-tb-00 lrv-u-padding-t-1 lrv-u-padding-t-050@tablet lrv-u-padding-b-050 lrv-u-width-100p lrv-a-icon-after lrv-a-icon-arrow-down lrv-a-icon-after:margin-l-auto lrv-u-cursor-pointer lrv-js-MobileHeightToggle-trigger lrv-a-hover-dropup-trigger@tablet';
|
|
48
|
+
o_nav.o_nav_list_classes +=
|
|
49
|
+
' lrv-u-background-color-white lrv-u-padding-b-050 lrv-js-MobileHeightToggle-target lrv-a-hover-dropup-target@tablet lrv-u-box-shadow-medium@tablet';
|
|
40
50
|
o_nav.o_nav_list_item_classes = 'lrv-u-color-grey-medium-dark';
|
|
41
51
|
o_nav.o_nav_tab_index_attr = true;
|
|
42
52
|
o_nav.o_nav_tab_index_attr_val = '0';
|
|
43
53
|
|
|
44
54
|
module.exports = {
|
|
45
|
-
c_icon
|
|
46
|
-
c_tagline
|
|
47
|
-
c_link
|
|
48
|
-
o_nav
|
|
55
|
+
c_icon,
|
|
56
|
+
c_tagline,
|
|
57
|
+
c_link,
|
|
58
|
+
o_nav,
|
|
49
59
|
};
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
-
const o_figure = clonedeep(
|
|
2
|
+
const o_figure = clonedeep(
|
|
3
|
+
require( '../../objects/o-figure/o-figure.prototype.js' )
|
|
4
|
+
);
|
|
3
5
|
|
|
4
6
|
o_figure.c_lazy_image.c_lazy_image_crop_style_attr = '';
|
|
5
7
|
o_figure.c_lazy_image.c_lazy_image_link_url = '';
|
|
6
8
|
|
|
7
|
-
o_figure.c_figcaption.c_figcaption_classes =
|
|
8
|
-
|
|
9
|
-
o_figure.c_figcaption.
|
|
9
|
+
o_figure.c_figcaption.c_figcaption_classes =
|
|
10
|
+
'lrv-u-font-size-12 lrv-u-flex lrv-u-flex-direction-column lrv-u-padding-tb-025';
|
|
11
|
+
o_figure.c_figcaption.c_figcaption_caption_classes =
|
|
12
|
+
'lrv-u-font-size-14@desktop';
|
|
13
|
+
o_figure.c_figcaption.c_figcaption_credit_classes =
|
|
14
|
+
'lrv-u-text-transform-uppercase lrv-u-color-grey';
|
|
10
15
|
|
|
11
16
|
module.exports = {
|
|
12
17
|
post_content_image_classes: '',
|
|
13
|
-
o_figure
|
|
18
|
+
o_figure,
|
|
14
19
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
production_credits_classes: '',
|
|
3
|
+
production_credits_title_text: 'Production Credits',
|
|
4
|
+
production_credits_markup:
|
|
5
|
+
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
|
|
5
6
|
};
|