@penskemediacorp/larva-patterns 1.25.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/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,43 +1,52 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_link_prototype = require('../../components/c-link/c-link.prototype');
|
|
4
|
-
const c_tagline_prototype = require('../../components/c-tagline/c-tagline.prototype');
|
|
5
|
-
const c_timestamp_prototype = require('../../components/c-timestamp/c-timestamp.prototype');
|
|
3
|
+
const c_link_prototype = require( '../../components/c-link/c-link.prototype' );
|
|
4
|
+
const c_tagline_prototype = require( '../../components/c-tagline/c-tagline.prototype' );
|
|
5
|
+
const c_timestamp_prototype = require( '../../components/c-timestamp/c-timestamp.prototype' );
|
|
6
6
|
|
|
7
|
-
const c_timestamp = clonedeep(c_timestamp_prototype);
|
|
7
|
+
const c_timestamp = clonedeep( c_timestamp_prototype );
|
|
8
8
|
c_timestamp.c_timestamp_classes = 'lrv-u-color-black lrv-u-margin-l-auto';
|
|
9
9
|
c_timestamp.c_timestamp_text = 'September 3, 2019 7:51pm';
|
|
10
10
|
c_timestamp.c_timestamp_datetime_attr = '2019-09-03';
|
|
11
11
|
|
|
12
|
-
const author_details_prototype = require('../author-details/author-details.prototype');
|
|
13
|
-
const author_details = clonedeep(author_details_prototype);
|
|
12
|
+
const author_details_prototype = require( '../author-details/author-details.prototype' );
|
|
13
|
+
const author_details = clonedeep( author_details_prototype );
|
|
14
14
|
|
|
15
|
-
c_link_author = clonedeep(c_link_prototype);
|
|
15
|
+
c_link_author = clonedeep( c_link_prototype );
|
|
16
16
|
c_link_author.c_link_text = 'David Robb';
|
|
17
|
-
c_link_author.c_link_classes =
|
|
17
|
+
c_link_author.c_link_classes =
|
|
18
|
+
'lrv-u-color-black lrv-u-color-brand-primary:hover lrv-u-text-decoration-underline:hover';
|
|
18
19
|
c_link_author.c_link_url = '#';
|
|
19
20
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
c_tagline_multiple_authors.c_tagline_markup =
|
|
21
|
+
const c_tagline_multiple_authors = clonedeep( c_tagline_prototype );
|
|
22
|
+
c_tagline_multiple_authors.c_tagline_classes =
|
|
23
|
+
'lrv-u-display-inline lrv-a-children-link-color-black lrv-a-children-link-color-brand-primary:hover lrv-a-children-link-decoration-underline:hover lrv-u-margin-r-050 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max';
|
|
24
|
+
c_tagline_multiple_authors.c_tagline_markup =
|
|
25
|
+
"<a href='#'>Link 1</a>, <a href='#'>Link 2</a>";
|
|
24
26
|
c_tagline_multiple_authors.c_tagline_text = false;
|
|
25
27
|
|
|
26
28
|
module.exports = {
|
|
27
|
-
author_classes:
|
|
29
|
+
author_classes:
|
|
30
|
+
'lrv-u-font-size-16 lrv-u-font-family-body lrv-u-font-size-13@mobile-max',
|
|
28
31
|
author_multiple_inner_classes: 'lrv-u-flex@desktop',
|
|
29
32
|
author_single_inner_classes: ' lrv-u-flex lrv-u-align-items-center',
|
|
30
|
-
author_name_classes:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
author_name_classes:
|
|
34
|
+
'lrv-u-margin-tb-00 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max',
|
|
35
|
+
author_content_classes:
|
|
36
|
+
'lrv-u-flex@tablet lrv-u-width-100p lrv-u-justify-content-space-between',
|
|
37
|
+
author_content_inner_classes:
|
|
38
|
+
'lrv-u-flex lrv-u-align-items-center lrv-a-glue-parent',
|
|
33
39
|
author_timestamp_outer_classes: 'lrv-u-margin-l-1@tablet',
|
|
34
|
-
author_tagline_classes:
|
|
35
|
-
|
|
36
|
-
|
|
40
|
+
author_tagline_classes:
|
|
41
|
+
'lrv-u-margin-tb-00 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max',
|
|
42
|
+
author_button_classes:
|
|
43
|
+
'lrv-a-unstyle-button lrv-u-display-contents lrv-u-flex lrv-u-align-items-center js-PopOver',
|
|
44
|
+
author_detail_outer_classes:
|
|
45
|
+
'lrv-a-hidden@desktop-max lrv-a-glue lrv-a-glue--l-0 lrv-a-glue--t-100p js-PopOver-target',
|
|
37
46
|
is_multiple_author: false,
|
|
38
|
-
c_tagline_multiple_authors
|
|
39
|
-
c_timestamp
|
|
47
|
+
c_tagline_multiple_authors,
|
|
48
|
+
c_timestamp,
|
|
40
49
|
c_link: c_link_author,
|
|
41
50
|
c_icon: false,
|
|
42
|
-
author_details
|
|
51
|
+
author_details,
|
|
43
52
|
};
|
|
@@ -16,15 +16,19 @@ const o_social_list = clonedeep( o_social_list_prototype );
|
|
|
16
16
|
c_lazy_image.c_lazy_image_classes += ' lrv-u-width-200';
|
|
17
17
|
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
18
18
|
|
|
19
|
-
c_heading.c_heading_classes =
|
|
19
|
+
c_heading.c_heading_classes =
|
|
20
|
+
' lrv-u-font-family-secondary lrv-u-font-size-36@desktop lrv-u-font-weight-bold';
|
|
20
21
|
c_heading.c_heading_text = 'Mike Fleming Jr';
|
|
21
22
|
|
|
22
|
-
c_title.c_title_classes =
|
|
23
|
+
c_title.c_title_classes =
|
|
24
|
+
'lrv-u-font-family-primary lrv-u-font-weight-normal lrv-u-color-grey-dark lrv-u-font-size-14@mobile-max lrv-u-font-size-18 lrv-u-margin-b-1 lrv-u-text-transform-uppercase';
|
|
23
25
|
c_title.c_title_text = 'Co-Editor-in-Chief, Film';
|
|
24
26
|
c_title.c_title_url = false;
|
|
25
27
|
|
|
26
|
-
c_tagline.c_tagline_classes +=
|
|
27
|
-
|
|
28
|
+
c_tagline.c_tagline_classes +=
|
|
29
|
+
' lrv-u-font-size-14 lrv-u-font-weight-light lrv-u-font-size-16 lrv-u-font-size-18@desktop-xl lrv-u-margin-a-00 lrv-u-padding-t-1 ';
|
|
30
|
+
c_tagline.c_tagline_text =
|
|
31
|
+
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At quis risus sed vulputate odio ut enim blandit. Aliquam sem et tortor consequat id. Convallis aenean et tortor at risus viverra. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Id aliquet lectus proin nibh nisl. Id diam maecenas ultricies mi. Luctus venenatis lectus magna fringilla urna porttitor rhoncus.';
|
|
28
32
|
|
|
29
33
|
o_social_list.o_social_list_classes += ' lrv-u-flex';
|
|
30
34
|
|
|
@@ -32,10 +36,11 @@ const social = [ 'instagram', 'twitter', 'facebook', 'youtube' ];
|
|
|
32
36
|
const o_social_list_icons = [];
|
|
33
37
|
|
|
34
38
|
for ( let i = 0; i < social.length; i++ ) {
|
|
35
|
-
|
|
39
|
+
const c_icon = clonedeep( c_icon_prototype );
|
|
36
40
|
|
|
37
|
-
c_icon.c_icon_name = social[i];
|
|
38
|
-
c_icon.c_icon_link_classes +=
|
|
41
|
+
c_icon.c_icon_name = social[ i ];
|
|
42
|
+
c_icon.c_icon_link_classes +=
|
|
43
|
+
' lrv-u-display-block lrv-u-border-radius-50p lrv-u-color-grey lrv-u-padding-a-025 lrv-u-background-color-white lrv-u-color-grey-dark:hover lrv-u-margin-r-1';
|
|
39
44
|
c_icon.c_icon_url = '#';
|
|
40
45
|
|
|
41
46
|
o_social_list_icons.push( c_icon );
|
|
@@ -43,14 +48,13 @@ for ( let i = 0; i < social.length; i++ ) {
|
|
|
43
48
|
o_social_list.o_social_list_icons = o_social_list_icons;
|
|
44
49
|
|
|
45
50
|
module.exports = {
|
|
46
|
-
c_lazy_image
|
|
47
|
-
c_heading
|
|
48
|
-
c_title
|
|
49
|
-
o_social_list
|
|
50
|
-
c_tagline
|
|
51
|
+
c_lazy_image,
|
|
52
|
+
c_heading,
|
|
53
|
+
c_title,
|
|
54
|
+
o_social_list,
|
|
55
|
+
c_tagline,
|
|
51
56
|
author_blurb_classes: 'lrv-u-margin-b-2 lrv-u-flex lrv-u-flex-wrap-wrap',
|
|
52
57
|
author_blurb_image_classes: 'lrv-u-margin-r-1',
|
|
53
58
|
author_blurb_details_classes: '',
|
|
54
59
|
author_blurb_text_classes: '',
|
|
55
60
|
};
|
|
56
|
-
|
|
@@ -1,70 +1,79 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const o_nav_prototype = require('../../objects/o-nav/o-nav.prototype');
|
|
4
|
-
const o_nav = clonedeep(o_nav_prototype);
|
|
3
|
+
const o_nav_prototype = require( '../../objects/o-nav/o-nav.prototype' );
|
|
4
|
+
const o_nav = clonedeep( o_nav_prototype );
|
|
5
5
|
|
|
6
|
-
const c_title_prototype = require('../../components/c-title/c-title.prototype');
|
|
7
|
-
const c_title = clonedeep(c_title_prototype);
|
|
6
|
+
const c_title_prototype = require( '../../components/c-title/c-title.prototype' );
|
|
7
|
+
const c_title = clonedeep( c_title_prototype );
|
|
8
8
|
|
|
9
|
-
const c_icon_prototype = require('../../components/c-icon/c-icon.prototype');
|
|
10
|
-
const c_icon_twitter = clonedeep(c_icon_prototype);
|
|
11
|
-
const c_icon_mail = clonedeep(c_icon_prototype);
|
|
9
|
+
const c_icon_prototype = require( '../../components/c-icon/c-icon.prototype' );
|
|
10
|
+
const c_icon_twitter = clonedeep( c_icon_prototype );
|
|
11
|
+
const c_icon_mail = clonedeep( c_icon_prototype );
|
|
12
12
|
|
|
13
|
-
const c_link_prototype = require('../../components/c-link/c-link.prototype');
|
|
13
|
+
const c_link_prototype = require( '../../components/c-link/c-link.prototype' );
|
|
14
14
|
const storyTitles = [
|
|
15
15
|
'No Doubt’s Tony Kanal on Robbie Shakespeare: ‘You Can’t Overstate How Great He Was’',
|
|
16
|
-
'From ‘Downpressor Man’ to ‘Jokerman’: 10 Essential Robbie Shakespeare Tracks'
|
|
16
|
+
'From ‘Downpressor Man’ to ‘Jokerman’: 10 Essential Robbie Shakespeare Tracks',
|
|
17
17
|
];
|
|
18
18
|
|
|
19
19
|
// Overwrite default items
|
|
20
20
|
o_nav.o_nav_list_items = [];
|
|
21
21
|
|
|
22
|
-
for (let i = 0; i < storyTitles.length; i++) {
|
|
23
|
-
|
|
22
|
+
for ( let i = 0; i < storyTitles.length; i++ ) {
|
|
23
|
+
const c_link = clonedeep( c_link_prototype );
|
|
24
24
|
|
|
25
|
-
c_link.c_link_text = storyTitles[i];
|
|
25
|
+
c_link.c_link_text = storyTitles[ i ];
|
|
26
26
|
c_link.c_link_classes = 'lrv-u-color-black';
|
|
27
27
|
|
|
28
|
-
o_nav.o_nav_list_items.push(c_link);
|
|
29
|
-
}
|
|
28
|
+
o_nav.o_nav_list_items.push( c_link );
|
|
29
|
+
}
|
|
30
30
|
|
|
31
|
-
c_title.c_title_classes =
|
|
31
|
+
c_title.c_title_classes =
|
|
32
|
+
'lrv-u-font-size-13 lrv-u-font-weight-bold lrv-u-margin-r-auto lrv-u-text-transform-uppercase lrv-u-width-100';
|
|
32
33
|
c_title.c_title_url = '#';
|
|
33
34
|
c_title.c_title_text = 'PATRICIA MESCHINO';
|
|
34
35
|
c_title.c_title_link_classes = 'lrv-u-color-black';
|
|
35
36
|
|
|
36
|
-
o_nav.o_nav_classes =
|
|
37
|
+
o_nav.o_nav_classes =
|
|
38
|
+
'lrv-u-border-t-1 lrv-u-width-100p lrv-u-margin-t-075 lrv-u-padding-t-025 ';
|
|
37
39
|
o_nav.o_nav_title_text = '';
|
|
38
|
-
o_nav.o_nav_title_classes =
|
|
39
|
-
|
|
40
|
+
o_nav.o_nav_title_classes =
|
|
41
|
+
'lrv-u-padding-t-050 lrv-u-padding-b-025 lrv-u-font-family-primary lrv-u-font-size-20';
|
|
42
|
+
o_nav.o_nav_list_classes =
|
|
43
|
+
' lrv-u-font-size-13 lrv-u-border-t-1 lrv-u-border-b-1 lrv-u-padding-l-1 lrv-u-padding-t-075 lrv-u-list-style-type-disclosure-closed';
|
|
40
44
|
o_nav.o_nav_list_item_classes = 'lrv-u-padding-b-075';
|
|
41
45
|
|
|
42
46
|
c_icon_twitter.c_icon_name = 'twitter';
|
|
43
|
-
c_icon_twitter.c_icon_classes =
|
|
44
|
-
|
|
47
|
+
c_icon_twitter.c_icon_classes =
|
|
48
|
+
'lrv-u-width-16 lrv-u-height-16 lrv-u-color-black';
|
|
49
|
+
c_icon_twitter.c_icon_url = '#';
|
|
45
50
|
c_icon_twitter.c_icon_screen_reader_text = 'Twitter Icon';
|
|
46
51
|
c_icon_twitter.c_icon_screen_reader_title_attr = 'Twitter Icon';
|
|
47
52
|
c_icon_twitter.c_icon_link_classes = 'lrv-u-flex';
|
|
48
53
|
|
|
49
54
|
c_icon_mail.c_icon_name = 'envelope';
|
|
50
|
-
c_icon_mail.c_icon_classes =
|
|
51
|
-
|
|
55
|
+
c_icon_mail.c_icon_classes =
|
|
56
|
+
'lrv-u-margin-l-075 lrv-u-width-16 lrv-u-height-16 lrv-u-color-black';
|
|
57
|
+
c_icon_mail.c_icon_url = '#';
|
|
52
58
|
c_icon_mail.c_icon_screen_reader_text = 'Email Icon';
|
|
53
59
|
c_icon_mail.c_icon_screen_reader_title_attr = 'Email Icon';
|
|
54
60
|
c_icon_mail.c_icon_link_classes = 'lrv-u-flex';
|
|
55
61
|
|
|
56
|
-
c_link_view_all = clonedeep(c_link_prototype);
|
|
57
|
-
c_link_view_all.c_link_classes =
|
|
62
|
+
c_link_view_all = clonedeep( c_link_prototype );
|
|
63
|
+
c_link_view_all.c_link_classes =
|
|
64
|
+
'lrv-a-unstyle-link lrv-u-font-size-10 lrv-u-text-transform-uppercase';
|
|
58
65
|
c_link_view_all.c_link_text = 'View All Stories ▶';
|
|
59
66
|
c_link_view_all.c_link_url = '#';
|
|
60
67
|
|
|
61
68
|
module.exports = {
|
|
62
|
-
author_details_classes:
|
|
63
|
-
|
|
69
|
+
author_details_classes:
|
|
70
|
+
'lrv-u-padding-lr-125 lrv-u-padding-t-125 lrv-u-padding-b-1 lrv-u-width-215 lrv-u-flex lrv-u-flex-wrap-wrap lrv-u-background-color-white lrv-u-border-a-2 lrv-a-glue-parent lrv-a-icon-after-arrow-top-left lrv-u-margin-t-1',
|
|
71
|
+
author_details_icons_classes:
|
|
72
|
+
'lrv-u-flex lrv-u-align-items-center lrv-u-margin-l-auto',
|
|
64
73
|
author_details_view_link_classes: ' lrv-u-flex lrv-u-margin-l-auto',
|
|
65
|
-
c_title
|
|
66
|
-
c_icon_twitter
|
|
67
|
-
c_icon_mail
|
|
68
|
-
o_nav
|
|
69
|
-
c_link_view_all
|
|
70
|
-
};
|
|
74
|
+
c_title,
|
|
75
|
+
c_icon_twitter,
|
|
76
|
+
c_icon_mail,
|
|
77
|
+
o_nav,
|
|
78
|
+
c_link_view_all,
|
|
79
|
+
};
|
|
@@ -1,11 +1,14 @@
|
|
|
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
|
|
|
5
7
|
c_link.c_link_text = 'Back to the full list';
|
|
6
|
-
c_link.c_link_classes +=
|
|
8
|
+
c_link.c_link_classes +=
|
|
9
|
+
' lrv-u-text-transform-uppercase lrv-u-font-family-primary lrv-u-font-size-20 lrv-a-icon-before lrv-a-icon-arrow-left';
|
|
7
10
|
|
|
8
11
|
module.exports = {
|
|
9
12
|
back_to_list_classes: 'a-hidden@desktop-max',
|
|
10
|
-
c_link
|
|
13
|
+
c_link,
|
|
11
14
|
};
|
|
@@ -3,9 +3,10 @@ const clonedeep = require( 'lodash.clonedeep' );
|
|
|
3
3
|
const c_span_prototye = require( '../../components/c-span/c-span.prototype' );
|
|
4
4
|
const c_span = clonedeep( c_span_prototye );
|
|
5
5
|
|
|
6
|
-
c_span.c_span_classes +=
|
|
6
|
+
c_span.c_span_classes +=
|
|
7
|
+
' lrv-u-background-color-grey-light lrv-u-font-size-12 lrv-u-padding-a-025';
|
|
7
8
|
c_span.c_span_text = 'Sponsored Video';
|
|
8
9
|
|
|
9
10
|
module.exports = {
|
|
10
|
-
c_span
|
|
11
|
+
c_span,
|
|
11
12
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_lazy_image_prototype = require('../../components/c-lazy-image/c-lazy-image.prototype');
|
|
4
|
-
const c_lazy_image = clonedeep(c_lazy_image_prototype);
|
|
3
|
+
const c_lazy_image_prototype = require( '../../components/c-lazy-image/c-lazy-image.prototype' );
|
|
4
|
+
const c_lazy_image = clonedeep( c_lazy_image_prototype );
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
7
7
|
banner_classes: '',
|
|
8
8
|
c_lazy_image,
|
|
9
9
|
screen_reader_text: 'Page Banner',
|
|
10
|
-
};
|
|
10
|
+
};
|
|
@@ -17,11 +17,13 @@ c_heading.c_heading_text = 'Most Popular';
|
|
|
17
17
|
c_svg.c_svg_classes = 'lrv-u-height-16 lrv-u-color-black';
|
|
18
18
|
c_svg.c_svg_name = 'brand-logo';
|
|
19
19
|
|
|
20
|
-
c_title.c_title_text =
|
|
20
|
+
c_title.c_title_text =
|
|
21
|
+
'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi expedita pariatur.';
|
|
21
22
|
c_title.c_title_classes += ' lrv-u-margin-b-075';
|
|
22
23
|
c_title.c_title_url = false;
|
|
23
24
|
|
|
24
|
-
o_card.o_card_classes =
|
|
25
|
+
o_card.o_card_classes =
|
|
26
|
+
'lrv-u-flex lrv-u-height-100p lrv-u-color-brand-primary:hover';
|
|
25
27
|
o_card.o_card_link_url = '#';
|
|
26
28
|
o_card.o_card_link_classes = 'lrv-a-unstyle-link';
|
|
27
29
|
o_card.o_card_content_classes = 'lrv-u-flex lrv-u-flex-direction-column';
|
|
@@ -35,6 +37,6 @@ o_card.c_timestamp = false;
|
|
|
35
37
|
module.exports = {
|
|
36
38
|
brands_most_popular_classes: 'lrv-a-wrapper lrv-u-margin-b-150',
|
|
37
39
|
brands_most_popular_items_wrapper_classes: '',
|
|
38
|
-
c_heading
|
|
40
|
+
c_heading,
|
|
39
41
|
popular_items: [ o_card, o_card, o_card, o_card ],
|
|
40
42
|
};
|
|
@@ -1,18 +1,27 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_heading = clonedeep(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
const c_heading = clonedeep(
|
|
4
|
+
require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' )
|
|
5
|
+
);
|
|
6
|
+
const c_title = clonedeep(
|
|
7
|
+
require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' )
|
|
8
|
+
);
|
|
9
|
+
const c_icon = clonedeep(
|
|
10
|
+
require( '@penskemediacorp/larva-patterns/components/c-icon/c-icon.prototype' )
|
|
11
|
+
);
|
|
7
12
|
|
|
8
13
|
c_heading.c_heading_text = 'Breaking News';
|
|
9
|
-
c_heading.c_heading_classes =
|
|
14
|
+
c_heading.c_heading_classes =
|
|
15
|
+
'lrv-a-font-secondary-bold-l lrv-u-margin-r-1 lrv-u-text-transform-uppercase lrv-u-margin-b-050@mobile-max';
|
|
10
16
|
|
|
11
|
-
c_title.c_title_text =
|
|
12
|
-
|
|
17
|
+
c_title.c_title_text =
|
|
18
|
+
'US Stadiums Partnership, Inc. Files for Bankruptcy Amid Historic Cancellations';
|
|
19
|
+
c_title.c_title_classes =
|
|
20
|
+
'lrv-u-font-size-18 lrv-u-line-height-copy lrv-u-font-weight-normal lrv-u-font-family-basic';
|
|
13
21
|
c_title.c_title_link_classes = 'lrv-a-unstyle-link ';
|
|
14
22
|
|
|
15
|
-
c_icon.c_icon_link_classes =
|
|
23
|
+
c_icon.c_icon_link_classes =
|
|
24
|
+
'dismiss-news-banner lrv-u-color-white lrv-u-cursor-pointer lrv-u-width-16 lrv-u-height-16 lrv-u-color-white:hover lrv-u-margin-l-auto';
|
|
16
25
|
c_icon.c_icon_url = '#';
|
|
17
26
|
c_icon.c_icon_target_attr = false;
|
|
18
27
|
c_icon.c_icon_name = 'close';
|
|
@@ -21,9 +30,11 @@ c_icon.c_icon_screen_reader_text = 'close';
|
|
|
21
30
|
c_icon.c_icon_screen_reader_title_attr = 'close';
|
|
22
31
|
|
|
23
32
|
module.exports = {
|
|
24
|
-
breaking_news_classes:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
33
|
+
breaking_news_classes:
|
|
34
|
+
'lrv-u-background-color-brand-primary lrv-u-color-white',
|
|
35
|
+
breaking_news_inner_classes:
|
|
36
|
+
'lrv-a-wrapper lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-align-items-center lrv-u-padding-tb-1',
|
|
37
|
+
c_heading,
|
|
38
|
+
c_title,
|
|
39
|
+
c_icon,
|
|
29
40
|
};
|
|
@@ -10,11 +10,14 @@ c_lazy_image.c_lazy_image_sizes_attr = false;
|
|
|
10
10
|
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
11
11
|
|
|
12
12
|
// Icon Button
|
|
13
|
-
const c_icon_button = clonedeep(
|
|
13
|
+
const c_icon_button = clonedeep(
|
|
14
|
+
require( '../../objects/o-icon-button/o-icon-button.prototype' )
|
|
15
|
+
);
|
|
14
16
|
|
|
15
17
|
c_icon_button.o_icon_button_url = true;
|
|
16
18
|
c_icon_button.o_button_url = '#';
|
|
17
|
-
c_icon_button.o_icon_button_classes +=
|
|
19
|
+
c_icon_button.o_icon_button_classes +=
|
|
20
|
+
' lrv-a-buy-now__button lrv-u-font-size-14 lrv-u-font-weight-bold lrv-u-text-transform-uppercase lrv-u-border-t-3 lrv-u-border-r-1 lrv-u-border-b-3 lrv-u-border-l-1 lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-background-color-white lrv-u-color-black lrv-u-border-color-currentColor';
|
|
18
21
|
c_icon_button.o_icon_button_target_attr = '_blank';
|
|
19
22
|
c_icon_button.o_icon_button_rel_attr = 'nofollow';
|
|
20
23
|
|
|
@@ -28,8 +31,10 @@ module.exports = {
|
|
|
28
31
|
buy_now_hr_top_classes: 'lrv-a-buy-now__hr lrv-a-buy-now__hr--top',
|
|
29
32
|
buy_now_img_classes: 'lrv-a-buy-now__image',
|
|
30
33
|
buy_now_hr_bottom_classes: 'lrv-a-buy-now__hr lrv-a-buy-now__hr--bottom',
|
|
31
|
-
buy_now_p_classes:
|
|
32
|
-
|
|
34
|
+
buy_now_p_classes:
|
|
35
|
+
'lrv-a-buy-now__p lrv-u-font-family-basic lrv-u-font-size-14',
|
|
36
|
+
buy_now_span_classes:
|
|
37
|
+
'lrv-a-buy-now__span lrv-u-font-weight-bold lrv-u-text-transform-uppercase lrv-u-color-grey lrv-u-font-size-10',
|
|
33
38
|
buy_now_store_credit_text: '', // 'Amazon' for example
|
|
34
39
|
c_lazy_image,
|
|
35
40
|
c_icon_button,
|
|
@@ -1,22 +1,31 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
|
|
3
3
|
|
|
4
|
-
const carousel_grid_overlay = __experimentalCloneWithFallback(
|
|
4
|
+
const carousel_grid_overlay = __experimentalCloneWithFallback(
|
|
5
|
+
'modules/carousel-grid/carousel-grid.prototype'
|
|
6
|
+
);
|
|
5
7
|
|
|
6
|
-
carousel_grid_overlay.o_card_large.o_card_classes =
|
|
7
|
-
|
|
8
|
+
carousel_grid_overlay.o_card_large.o_card_classes =
|
|
9
|
+
'lrv-a-carousel-grid__overlay--primary';
|
|
10
|
+
carousel_grid_overlay.o_card_large.o_card_content_classes +=
|
|
11
|
+
' lrv-a-carousel-grid__overlay--primary-content';
|
|
8
12
|
|
|
9
|
-
carousel_grid_overlay.o_card_large.c_lazy_image.c_lazy_image_classes =
|
|
10
|
-
|
|
13
|
+
carousel_grid_overlay.o_card_large.c_lazy_image.c_lazy_image_classes =
|
|
14
|
+
'lrv-a-carousel-grid__overlay--primary-img';
|
|
15
|
+
carousel_grid_overlay.o_card_large.c_lazy_image.c_lazy_image_crop_class =
|
|
16
|
+
'lrv-a-crop-3x2';
|
|
11
17
|
|
|
12
|
-
carousel_grid_overlay.carousel_grid_overlay_layout_classes =
|
|
13
|
-
|
|
18
|
+
carousel_grid_overlay.carousel_grid_overlay_layout_classes =
|
|
19
|
+
'lrv-a-carousel-grid__overlay';
|
|
20
|
+
carousel_grid_overlay.carousel_grid_overlay_secondary_classes =
|
|
21
|
+
'lrv-a-carousel-grid__overlay--secondary';
|
|
14
22
|
|
|
15
|
-
const o_card_item = clonedeep( carousel_grid_overlay.o_card_items[0] );
|
|
23
|
+
const o_card_item = clonedeep( carousel_grid_overlay.o_card_items[ 0 ] );
|
|
16
24
|
|
|
17
|
-
carousel_grid_overlay.o_card_items = [o_card_item, o_card_item, o_card_item];
|
|
25
|
+
carousel_grid_overlay.o_card_items = [ o_card_item, o_card_item, o_card_item ];
|
|
18
26
|
|
|
19
|
-
o_card_item.o_card_classes +=
|
|
27
|
+
o_card_item.o_card_classes +=
|
|
28
|
+
' lrv-a-carousel-grid__overlay--secondary-card lrv-u-align-items-center';
|
|
20
29
|
|
|
21
30
|
o_card_item.c_title.c_title_classes = 'lrv-a-font-secondary-m';
|
|
22
31
|
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
|
|
3
3
|
|
|
4
|
-
const o_card_prototype = clonedeep(
|
|
5
|
-
|
|
4
|
+
const o_card_prototype = clonedeep(
|
|
5
|
+
require( '../../objects/o-card/o-card.prototype' )
|
|
6
|
+
);
|
|
7
|
+
const o_author = __experimentalCloneWithFallback(
|
|
8
|
+
'objects/o-author/o-author.prototype'
|
|
9
|
+
);
|
|
6
10
|
const o_card = clonedeep( o_card_prototype );
|
|
7
11
|
|
|
8
12
|
o_card.o_card_classes = 'lrv-u-margin-b-1';
|
|
@@ -16,7 +20,8 @@ o_card.c_lazy_image.c_lazy_image_link_url = '#';
|
|
|
16
20
|
o_card.c_span.c_span_url = '#';
|
|
17
21
|
o_card.c_span.c_span_text = false;
|
|
18
22
|
|
|
19
|
-
o_card.c_title.c_title_text =
|
|
23
|
+
o_card.c_title.c_title_text =
|
|
24
|
+
'‘Solo: A Star Wars Story’ Is Going to Cannes, So Does That Mean It’s Good?';
|
|
20
25
|
o_card.c_title.c_title_classes = 'lrv-a-font-primary-xxxs';
|
|
21
26
|
o_card.c_title.c_title_link_classes = 'lrv-a-unstyle-link';
|
|
22
27
|
|
|
@@ -26,25 +31,25 @@ const o_card_large = clonedeep( o_card );
|
|
|
26
31
|
|
|
27
32
|
o_card_large.c_span.c_span_text = 'Film';
|
|
28
33
|
|
|
29
|
-
o_card_large.c_title.c_title_text =
|
|
34
|
+
o_card_large.c_title.c_title_text =
|
|
35
|
+
'‘Avengers: Infinity War’ vs. ‘Black Panther’: 10 Factors That Will Determine Which Film Is Box-Office King';
|
|
30
36
|
|
|
31
37
|
o_card_large.o_author = clonedeep( o_author );
|
|
32
38
|
o_card_large.o_author.o_author_text = 'By ';
|
|
33
39
|
o_card_large.o_author.c_span.c_span_text = 'Author Name';
|
|
34
40
|
o_card_large.o_author.c_timestamp.c_timestamp_text = 'July 7, 2021';
|
|
35
|
-
o_card_large.o_author.c_timestamp.c_timestamp_classes =
|
|
41
|
+
o_card_large.o_author.c_timestamp.c_timestamp_classes =
|
|
42
|
+
'lrv-a-icon-before lrv-a-icon-bullet';
|
|
36
43
|
|
|
37
44
|
// o_card_large uses o_author components that are not needed/used by o_card.
|
|
38
45
|
o_card.o_author = false;
|
|
39
46
|
|
|
40
47
|
o_card_large.o_card_classes = '';
|
|
41
48
|
o_card_large.o_card_content_classes = 'lrv-u-padding-a-1';
|
|
42
|
-
o_card_large.c_title.c_title_classes =
|
|
49
|
+
o_card_large.c_title.c_title_classes =
|
|
50
|
+
'lrv-a-font-primary-xs lrv-u-margin-tb-050';
|
|
43
51
|
|
|
44
52
|
module.exports = {
|
|
45
53
|
o_card_large,
|
|
46
|
-
o_card_items: [
|
|
47
|
-
o_card,
|
|
48
|
-
o_card
|
|
49
|
-
]
|
|
54
|
+
o_card_items: [ o_card, o_card ],
|
|
50
55
|
};
|
|
@@ -10,23 +10,28 @@ const c_icon = clonedeep( c_icon_prototype );
|
|
|
10
10
|
const o_card_prototype = require( '../../objects/o-card/o-card.prototype' );
|
|
11
11
|
const o_card = clonedeep( o_card_prototype );
|
|
12
12
|
|
|
13
|
-
const o_indicator_photos = __experimentalCloneWithFallback(
|
|
13
|
+
const o_indicator_photos = __experimentalCloneWithFallback(
|
|
14
|
+
'objects/o-indicator/o-indicator.photos'
|
|
15
|
+
);
|
|
14
16
|
|
|
15
17
|
o_card.o_indicator = o_indicator_photos;
|
|
16
18
|
|
|
17
19
|
o_card.o_card_link_url = '#';
|
|
18
20
|
o_card.o_card_link_classes = 'lrv-a-unstyle-link lrv-u-display-block';
|
|
19
|
-
o_card.c_lazy_image.c_lazy_image_classes =
|
|
21
|
+
o_card.c_lazy_image.c_lazy_image_classes =
|
|
22
|
+
'lrv-u-margin-b-050@mobile-max lrv-u-margin-b-1';
|
|
20
23
|
o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-16x9';
|
|
21
24
|
o_card.c_lazy_image.c_lazy_image_image_classes = 'u-box-shadow-medium';
|
|
22
|
-
o_card.c_lazy_image.c_lazy_image_placeholder_url =
|
|
25
|
+
o_card.c_lazy_image.c_lazy_image_placeholder_url =
|
|
26
|
+
'https://live.staticflickr.com/4685/24635253357_483728d136_c.jpg';
|
|
23
27
|
o_card.o_card_image_wrap_classes = 'lrv-a-glue-parent';
|
|
24
28
|
o_card.c_lazy_image.c_lazy_image_caption_markup = false;
|
|
25
29
|
o_card.c_lazy_image.c_lazy_image_credit_text = false;
|
|
26
30
|
o_card.c_span = false;
|
|
27
31
|
o_card.c_timestamp = false;
|
|
28
32
|
o_card.c_title.c_title_link_classes = 'lrv-a-unstyle-link';
|
|
29
|
-
o_card.c_title.c_title_classes =
|
|
33
|
+
o_card.c_title.c_title_classes =
|
|
34
|
+
'lrv-a-font-primary-xxs lrv-u-text-align-center';
|
|
30
35
|
o_card.c_title.c_title_url = false;
|
|
31
36
|
o_card.c_title.c_title_id_attr = false;
|
|
32
37
|
|
|
@@ -40,17 +45,17 @@ const titles = [
|
|
|
40
45
|
'Deborah Marrow, Game-Changing Getty Foundation Leader, Has Died',
|
|
41
46
|
'As Brexit Looms at Frieze London, $6.5 M. Twombly and $5 M. Guston Sell, While $32 M. Botticelli Awaits Buyer',
|
|
42
47
|
'German Museum to Give Walid Raad Art Prize Despite City Government’s Objection: Report',
|
|
43
|
-
'Pace Gallery Plans Paris Presence'
|
|
48
|
+
'Pace Gallery Plans Paris Presence',
|
|
44
49
|
];
|
|
45
50
|
|
|
46
|
-
|
|
51
|
+
const galleries = [];
|
|
47
52
|
|
|
48
|
-
for (let i = 0; i < titles.length; i++) {
|
|
49
|
-
|
|
50
|
-
card.c_title.c_title_text = titles[i];
|
|
53
|
+
for ( let i = 0; i < titles.length; i++ ) {
|
|
54
|
+
const card = clonedeep( o_card );
|
|
55
|
+
card.c_title.c_title_text = titles[ i ];
|
|
51
56
|
galleries.push( card );
|
|
52
57
|
}
|
|
53
58
|
|
|
54
59
|
module.exports = {
|
|
55
|
-
galleries
|
|
60
|
+
galleries,
|
|
56
61
|
};
|
|
@@ -1,16 +1,24 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const o_card = clonedeep(
|
|
4
|
-
|
|
3
|
+
const o_card = clonedeep(
|
|
4
|
+
require( '@penskemediacorp/larva-patterns/objects/o-card/o-card.prototype' )
|
|
5
|
+
);
|
|
6
|
+
const article_kicker = clonedeep(
|
|
7
|
+
require( '../article-kicker/article-kicker.prototype' )
|
|
8
|
+
);
|
|
5
9
|
|
|
6
|
-
o_card.o_card_classes =
|
|
10
|
+
o_card.o_card_classes =
|
|
11
|
+
'lrv-u-display-inline-flex lrv-u-flex-basis-100p@desktop-xl lrv-u-flex-basis-100p@desktop lrv-u-padding-tb-075@mobile-max';
|
|
7
12
|
o_card.o_card_link_classes = 'lrv-u-flex';
|
|
8
13
|
o_card.o_card_link_url = '#';
|
|
9
|
-
o_card.o_card_image_wrap_classes =
|
|
10
|
-
|
|
14
|
+
o_card.o_card_image_wrap_classes =
|
|
15
|
+
'lrv-u-flex-basis-40p@desktop lrv-u-flex-basis-40p@desktop-xl lrv-u-flex-basis-25p@mobile-max';
|
|
16
|
+
o_card.o_card_content_classes =
|
|
17
|
+
'lrv-u-margin-l-1 lrv-u-color-brand-primary:hover lrv-u-flex-basis-60p@desktop lrv-u-flex-basis-60p@desktop-xl lrv-u-flex-basis-55p@mobile-max';
|
|
11
18
|
|
|
12
19
|
o_card.c_lazy_image.c_lazy_image_link_url = '';
|
|
13
|
-
o_card.c_lazy_image.c_lazy_image_classes =
|
|
20
|
+
o_card.c_lazy_image.c_lazy_image_classes =
|
|
21
|
+
'lrv-u-margin-l-auto lrv-u-width-100';
|
|
14
22
|
o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
15
23
|
o_card.article_kicker = article_kicker;
|
|
16
24
|
o_card.article_kicker.article_kicker_text = 'Article Kicker';
|
|
@@ -18,13 +26,15 @@ o_card.article_kicker.article_kicker_text = 'Article Kicker';
|
|
|
18
26
|
o_card.o_span_group = false;
|
|
19
27
|
o_card.c_span = false;
|
|
20
28
|
o_card.c_title.c_title_url = '';
|
|
21
|
-
o_card.c_title.c_title_text =
|
|
29
|
+
o_card.c_title.c_title_text =
|
|
30
|
+
'Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.';
|
|
22
31
|
o_card.c_title.c_title_classes = 'lrv-u-font-weight-normal lrv-u-margin-tb-1';
|
|
23
32
|
o_card.c_timestamp = false;
|
|
24
33
|
o_card.c_tagline = false;
|
|
25
34
|
o_card.o_author = false;
|
|
26
35
|
|
|
27
36
|
module.exports = {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
37
|
+
content_showcase_items_classes:
|
|
38
|
+
'lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-padding-tb-1@desktop lrv-u-width-100p lrv-u-padding-lr-125@mobile-max',
|
|
39
|
+
content_showcase_items: [ o_card, o_card, o_card ],
|
|
40
|
+
};
|