@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
|
@@ -14,43 +14,55 @@ const header_sticky = clonedeep( header_sticky_prototype );
|
|
|
14
14
|
const expandable_search = clonedeep( expandable_search_prototype );
|
|
15
15
|
|
|
16
16
|
const header_menu = clonedeep( header_menu_prototype );
|
|
17
|
-
header_menu.o_nav.o_nav_list_classes =
|
|
17
|
+
header_menu.o_nav.o_nav_list_classes =
|
|
18
|
+
'lrv-a-font-body-s lrv-a-space-children--2 lrv-a-space-children-horizontal lrv-a-unstyle-list lrv-u-flex lrv-u-font-family-body lrv-u-justify-content-center lrv-u-text-transform-uppercase';
|
|
18
19
|
const header_menu_items = header_menu.o_nav.o_nav_list_items;
|
|
19
|
-
for (let i = 0; i < header_menu_items.length; i++) {
|
|
20
|
-
header_menu.o_nav.o_nav_list_items[i].c_link_classes =
|
|
20
|
+
for ( let i = 0; i < header_menu_items.length; i++ ) {
|
|
21
|
+
header_menu.o_nav.o_nav_list_items[ i ].c_link_classes =
|
|
22
|
+
' lrv-u-padding-b-050 lrv-a-unstyle-link lrv-u-color-brand-primary:hover lrv-a-hover-effect lrv-u-whitespace-nowrap lrv-u-border-b-6 lrv-u-border-color-white lrv-u-border-color-brand-primary:hover';
|
|
21
23
|
}
|
|
22
24
|
|
|
23
|
-
const o_account_menu = clonedeep(
|
|
25
|
+
const o_account_menu = clonedeep(
|
|
26
|
+
require( '../../objects/o-account-menu/o-account-menu.prototype' )
|
|
27
|
+
);
|
|
24
28
|
o_account_menu.o_account_menu_classes += ' lrv-a-hidden';
|
|
25
29
|
|
|
26
30
|
const c_shop_link = clonedeep( c_link_prototype );
|
|
27
31
|
c_shop_link.c_link_text = 'RS shop';
|
|
28
|
-
c_shop_link.c_link_classes =
|
|
32
|
+
c_shop_link.c_link_classes =
|
|
33
|
+
'lrv-u-margin-b-050 lrv-a-unstyle-link lrv-u-display-inline lrv-u-color-brand-primary:hover lrv-u-border-b-1 lrv-u-border-color-white lrv-u-border-color-brand-primary:hover lrv-u-font-family-body lrv-u-text-transform-uppercase lrv-a-font-body-xxs';
|
|
29
34
|
|
|
30
35
|
const c_login_link = clonedeep( c_link_prototype );
|
|
31
36
|
c_login_link.c_link_text = 'Log In';
|
|
32
|
-
c_login_link.c_link_classes =
|
|
37
|
+
c_login_link.c_link_classes =
|
|
38
|
+
'subscriber-login-link lrv-u-margin-b-050 lrv-a-unstyle-link lrv-u-display-inline lrv-u-color-brand-primary:hover lrv-u-border-b-1 lrv-u-border-color-white lrv-u-border-color-brand-primary:hover lrv-u-font-family-body lrv-u-text-transform-uppercase lrv-a-font-body-xxs lrv-a-hidden@mobile-max ';
|
|
33
39
|
|
|
34
40
|
const c_subscribe_link = clonedeep( c_link_prototype );
|
|
35
41
|
c_subscribe_link.c_link_text = 'Subscribe';
|
|
36
|
-
c_subscribe_link.c_link_classes =
|
|
42
|
+
c_subscribe_link.c_link_classes =
|
|
43
|
+
'subscribe-link cx-dynamic-link lrv-u-margin-b-050 lrv-a-unstyle-link lrv-u-display-inline lrv-u-color-brand-primary:hover lrv-u-border-b-1 lrv-u-border-color-white lrv-u-border-color-brand-primary:hover lrv-u-font-family-body lrv-u-text-transform-uppercase lrv-a-font-body-xxs';
|
|
37
44
|
|
|
38
45
|
const c_got_a_tip = clonedeep( c_link_prototype );
|
|
39
46
|
c_got_a_tip.c_link_text = 'Got A Tip?';
|
|
40
|
-
c_got_a_tip.c_link_classes =
|
|
47
|
+
c_got_a_tip.c_link_classes =
|
|
48
|
+
'lrv-u-margin-b-050 lrv-a-unstyle-link lrv-u-display-inline lrv-u-color-brand-primary:hover lrv-u-border-b-1 lrv-u-border-color-white lrv-u-border-color-brand-primary:hover lrv-u-font-family-body lrv-u-text-transform-uppercase lrv-a-font-body-xxs';
|
|
41
49
|
|
|
42
50
|
const c_logo_prototype = require( '../../components/c-logo/c-logo.prototype' );
|
|
43
|
-
const c_logo =
|
|
44
|
-
c_logo.c_logo_classes +=
|
|
51
|
+
const c_logo = clonedeep( c_logo_prototype );
|
|
52
|
+
c_logo.c_logo_classes +=
|
|
53
|
+
'lrv-u-color-brand-primary lrv-u-color-brand-primary:hover lrv-u-display-inline-flex lrv-u-justify-content-center lrv-u-width-100p';
|
|
45
54
|
c_logo.c_logo_is_h1 = true;
|
|
46
55
|
|
|
47
56
|
const o_icon_button_search = clonedeep( o_icon_button_search_prototype );
|
|
48
57
|
const o_icon_button_menu = clonedeep( o_icon_button_prototype );
|
|
49
58
|
|
|
50
|
-
o_icon_button_menu.o_icon_button_classes +=
|
|
51
|
-
|
|
59
|
+
o_icon_button_menu.o_icon_button_classes +=
|
|
60
|
+
' js-MegaMenu-Trigger lrv-u-margin-r-auto lrv-u-color-brand-primary:hover lrv-a-glue-parent';
|
|
61
|
+
o_icon_button_menu.c_icon.c_icon_classes =
|
|
62
|
+
'lrv-u-display-block lrv-u-width-30 lrv-u-height-30';
|
|
52
63
|
o_icon_button_menu.c_span.c_span_text = '';
|
|
53
|
-
o_icon_button_menu.o_icon_button_screen_reader_text =
|
|
64
|
+
o_icon_button_menu.o_icon_button_screen_reader_text =
|
|
65
|
+
'Click to expand the Mega Menu';
|
|
54
66
|
|
|
55
67
|
const o_header_buttons = clonedeep( o_header_buttons_prototype );
|
|
56
68
|
|
|
@@ -58,21 +70,31 @@ const o_header_buttons_column = clonedeep( o_header_buttons_column_prototype );
|
|
|
58
70
|
|
|
59
71
|
module.exports = {
|
|
60
72
|
header_classes: 'lrv-a-glue-parent',
|
|
61
|
-
header_inner_classes:
|
|
73
|
+
header_inner_classes:
|
|
74
|
+
'lrv-u-width-100p lrv-u-padding-t-1 lrv-u-background-color-white',
|
|
62
75
|
header_sticky_outer_classes: ' lrv-u-width-100p',
|
|
63
76
|
header_outer_classes: 'lrv-u-flex lrv-u-justify-content-space-between',
|
|
64
77
|
header_contents_classes: '',
|
|
65
78
|
header_logo_classes: 'lrv-u-text-align-center lrv-u-width-40p@tablet',
|
|
66
|
-
header_content_primary_classes:
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
79
|
+
header_content_primary_classes:
|
|
80
|
+
'lrv-u-flex lrv-u-justify-content-space-between lrv-u-align-items-center lrv-u-margin-b-050 lrv-u-padding-b-1',
|
|
81
|
+
header_content_secondary_classes:
|
|
82
|
+
'lrv-a-hidden@mobile-max lrv-u-align-items-center lrv-u-flex lrv-u-justify-content-center',
|
|
83
|
+
header_links_primary_classes:
|
|
84
|
+
'lrv-a-hidden@mobile-max lrv-u-width-30p lrv-a-space-children--050 lrv-a-space-children-vertical',
|
|
85
|
+
header_links_secondary_classes:
|
|
86
|
+
'lrv-u-width-30p lrv-u-text-align-right lrv-a-space-children--050 lrv-a-space-children-vertical',
|
|
87
|
+
header_mobile_button_classes:
|
|
88
|
+
'lrv-a-hidden@tablet lrv-u-width-22p@mobile-max',
|
|
89
|
+
header_links_primary_inner_classes:
|
|
90
|
+
'lrv-u-display-inline-flex lrv-u-flex-direction-column',
|
|
91
|
+
header_links_secondary_inner_classes:
|
|
92
|
+
'lrv-u-display-inline-flex lrv-u-flex-direction-column ',
|
|
93
|
+
header_content_secondary_outer_classes: 'lrv-u-border-t-6',
|
|
94
|
+
header_content_secondary_inner_classes:
|
|
95
|
+
'lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-margin-t-050 lrv-u-padding-t-050 lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-margin-t-050 lrv-u-margin-t-025@mobile-max lrv-u-border-b-00@mobile-max',
|
|
96
|
+
header_content_menu_classes:
|
|
97
|
+
'lrv-u-margin-l-125 lrv-a-space-children--050 lrv-a-space-children-vertical',
|
|
76
98
|
c_logo,
|
|
77
99
|
c_link_left_primary: c_shop_link,
|
|
78
100
|
c_link_left_secondary: c_got_a_tip,
|
|
@@ -1,26 +1,31 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
2
|
-
const o_nav = clonedeep(require('../../objects/o-nav/o-nav.prototype'));
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
const o_nav = clonedeep( require( '../../objects/o-nav/o-nav.prototype' ) );
|
|
3
3
|
|
|
4
4
|
o_nav.o_nav_list_items = [];
|
|
5
|
-
const menuLinks = ['News', 'Market', 'Reviews', 'Video'];
|
|
5
|
+
const menuLinks = [ 'News', 'Market', 'Reviews', 'Video' ];
|
|
6
6
|
|
|
7
|
-
for (let i = 0; i < menuLinks.length; i++) {
|
|
8
|
-
|
|
7
|
+
for ( let i = 0; i < menuLinks.length; i++ ) {
|
|
8
|
+
const c_link = clonedeep(
|
|
9
|
+
require( '../../components/c-link/c-link.prototype' )
|
|
10
|
+
);
|
|
9
11
|
|
|
10
|
-
if ('icon' === menuLinks[i]) {
|
|
12
|
+
if ( 'icon' === menuLinks[ i ] ) {
|
|
11
13
|
c_link.c_link_text = '';
|
|
12
|
-
c_link.c_link_classes =
|
|
14
|
+
c_link.c_link_classes =
|
|
15
|
+
'lrv-a-unstyle-link lrv-u-color-brand-primary:hover lrv-a-hover-effect lrv-u-text-transform-uppercase';
|
|
13
16
|
} else {
|
|
14
|
-
c_link.c_link_text = menuLinks[i];
|
|
15
|
-
c_link.c_link_classes =
|
|
17
|
+
c_link.c_link_text = menuLinks[ i ];
|
|
18
|
+
c_link.c_link_classes =
|
|
19
|
+
'lrv-a-unstyle-link lrv-u-color-brand-primary:hover lrv-a-hover-effect lrv-u-whitespace-nowrap lrv-u-text-transform-uppercase';
|
|
16
20
|
}
|
|
17
21
|
|
|
18
|
-
o_nav.o_nav_list_items.push(c_link);
|
|
22
|
+
o_nav.o_nav_list_items.push( c_link );
|
|
19
23
|
}
|
|
20
24
|
|
|
21
|
-
o_nav.o_nav_list_classes =
|
|
25
|
+
o_nav.o_nav_list_classes =
|
|
26
|
+
'lrv-a-unstyle-list lrv-u-flex lrv-u-justify-content-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-font-family-primary';
|
|
22
27
|
|
|
23
28
|
module.exports = {
|
|
24
|
-
o_nav
|
|
25
|
-
header_menu_classes:'',
|
|
26
|
-
};
|
|
29
|
+
o_nav,
|
|
30
|
+
header_menu_classes: '',
|
|
31
|
+
};
|
|
@@ -1,43 +1,51 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const header_sticky_prototype = require('./header-sticky.prototype');
|
|
3
|
+
const header_sticky_prototype = require( './header-sticky.prototype' );
|
|
4
4
|
const c_icon_prototype = require( '../../components/c-icon/c-icon.prototype' );
|
|
5
|
-
const read_next_prototype = require('../read-next/read-next.prototype');
|
|
6
|
-
const o_social_list_prototype = require('../../objects/o-social-list/o-social-list.prototype');
|
|
5
|
+
const read_next_prototype = require( '../read-next/read-next.prototype' );
|
|
6
|
+
const o_social_list_prototype = require( '../../objects/o-social-list/o-social-list.prototype' );
|
|
7
7
|
|
|
8
|
-
const read_next = clonedeep(read_next_prototype);
|
|
9
|
-
read_next.read_next_classes +=
|
|
8
|
+
const read_next = clonedeep( read_next_prototype );
|
|
9
|
+
read_next.read_next_classes +=
|
|
10
|
+
' lrv-u-margin-l-125 lrv-u-overflow-hidden lrv-u-margin-r-1';
|
|
10
11
|
read_next.c_span.c_span_text = 'Music';
|
|
11
|
-
read_next.c_span.c_span_classes =
|
|
12
|
-
|
|
12
|
+
read_next.c_span.c_span_classes =
|
|
13
|
+
'lrv-u-whitespace-nowrap lrv-u-text-transform-uppercase lrv-a-font-body-m lrv-u-font-weight-700';
|
|
14
|
+
read_next.c_title.c_title_link_classes =
|
|
15
|
+
'lrv-a-unstyle-link lrv-u-whitespace-nowrap lrv-a-font-body-m';
|
|
13
16
|
|
|
14
|
-
const o_social_list = clonedeep(o_social_list_prototype);
|
|
15
|
-
const social_icons = ['facebook-rs', 'twitter', 'email'];
|
|
17
|
+
const o_social_list = clonedeep( o_social_list_prototype );
|
|
18
|
+
const social_icons = [ 'facebook-rs', 'twitter', 'email' ];
|
|
16
19
|
const social_list_icons = [];
|
|
17
20
|
o_social_list.o_social_list_icons = [];
|
|
18
|
-
for (let i = 0; i < social_icons.length; i++) {
|
|
19
|
-
const c_icon = clonedeep(c_icon_prototype);
|
|
20
|
-
c_icon.c_icon_name = social_icons[i];
|
|
21
|
+
for ( let i = 0; i < social_icons.length; i++ ) {
|
|
22
|
+
const c_icon = clonedeep( c_icon_prototype );
|
|
23
|
+
c_icon.c_icon_name = social_icons[ i ];
|
|
21
24
|
c_icon.c_icon_url = '#';
|
|
22
25
|
c_icon.c_icon_link_classes +=
|
|
23
26
|
'lrv-u-background-color-white lrv-u-border-radius-50p lrv-u-color-black lrv-u-color-brand-primary:hover lrv-u-display-block';
|
|
24
27
|
c_icon.c_icon_rel_name = 'noopener noreferrer';
|
|
25
|
-
social_list_icons.push(c_icon);
|
|
28
|
+
social_list_icons.push( c_icon );
|
|
26
29
|
}
|
|
27
30
|
o_social_list.o_social_list_icons = social_list_icons;
|
|
28
31
|
|
|
29
|
-
const header_sticky = clonedeep(header_sticky_prototype);
|
|
32
|
+
const header_sticky = clonedeep( header_sticky_prototype );
|
|
30
33
|
|
|
31
34
|
header_sticky.o_social_list = o_social_list;
|
|
32
|
-
header_sticky.o_social_list.o_social_list_classes =
|
|
35
|
+
header_sticky.o_social_list.o_social_list_classes =
|
|
36
|
+
' lrv-u-flex lrv-a-space-children--1 lrv-a-space-children-horizontal lrv-u-align-items-center lrv-a-unstyle-list lrv-u-margin-l-auto lrv-u-margin-r-150';
|
|
33
37
|
|
|
34
|
-
header_sticky.expandable_search.expandable_search_classes +=
|
|
38
|
+
header_sticky.expandable_search.expandable_search_classes +=
|
|
39
|
+
' sticky-expandable';
|
|
35
40
|
|
|
36
41
|
header_sticky.read_next = read_next;
|
|
37
42
|
|
|
38
|
-
header_sticky.header_sticky_classes =
|
|
39
|
-
|
|
43
|
+
header_sticky.header_sticky_classes =
|
|
44
|
+
'lrv-u-border-color-grey-light lrv-u-border-b-1 lrv-u-background-color-white lrv-u-width-100p u-box-shadow-medium article-sticky-header';
|
|
45
|
+
header_sticky.header_sticky_links_classes =
|
|
46
|
+
'lrv-u-align-items-center lrv-u-flex lrv-u-justify-content-end lrv-u-width-21p';
|
|
40
47
|
header_sticky.header_sticky_logo_classes += ' lrv-u-order-n1';
|
|
41
|
-
header_sticky.header_sticky_icons_classes =
|
|
48
|
+
header_sticky.header_sticky_icons_classes =
|
|
49
|
+
'lrv-a-glue-parent lrv-u-align-items-center lrv-u-flex lrv-u-padding-r-1 lrv-u-border-r-1';
|
|
42
50
|
|
|
43
51
|
module.exports = header_sticky;
|
|
@@ -10,17 +10,23 @@ const expandable_search = clonedeep( expandable_search_prototype );
|
|
|
10
10
|
const c_logo = clonedeep( c_logo_prototype );
|
|
11
11
|
|
|
12
12
|
const o_icon_button_menu = clonedeep( o_icon_button_prototype );
|
|
13
|
-
o_icon_button_menu.c_icon.c_icon_classes =
|
|
14
|
-
|
|
13
|
+
o_icon_button_menu.c_icon.c_icon_classes =
|
|
14
|
+
'lrv-u-display-block lrv-u-width-30 lrv-u-height-30';
|
|
15
|
+
o_icon_button_menu.o_icon_button_classes =
|
|
16
|
+
'js-MegaMenu-Trigger lrv-u-align-items-center lrv-u-border-a-0 lrv-u-flex lrv-u-padding-lr-1 lrv-u-background-color-transparent lrv-u-color-brand-primary:hover';
|
|
15
17
|
o_icon_button_menu.c_span.c_span_text = '';
|
|
16
|
-
o_icon_button_menu.o_icon_button_screen_reader_text =
|
|
18
|
+
o_icon_button_menu.o_icon_button_screen_reader_text =
|
|
19
|
+
'Click to expand the Mega Menu';
|
|
17
20
|
|
|
18
21
|
const o_header_buttons = clonedeep( o_header_buttons_prototype );
|
|
19
|
-
o_header_buttons.login_wrapper_classes =
|
|
20
|
-
|
|
22
|
+
o_header_buttons.login_wrapper_classes =
|
|
23
|
+
'lrv-u-border-l-00@mobile-max lrv-u-border-l-1 lrv-u-padding-l-1 lrv-u-padding-tb-025 lrv-a-hidden@mobile-max';
|
|
24
|
+
o_header_buttons.got_tip_wrapper_classes =
|
|
25
|
+
'lrv-u-border-l-00@mobile-max lrv-u-border-l-1 lrv-u-padding-l-1 lrv-u-padding-tb-025 lrv-u-flex lrv-u-align-items-center lrv-u-margin-tb-025 lrv-a-hidden@mobile-max';
|
|
21
26
|
|
|
22
27
|
module.exports = {
|
|
23
|
-
header_sticky_classes:
|
|
28
|
+
header_sticky_classes:
|
|
29
|
+
' lrv-u-border-color-grey-light lrv-u-border-b-1 lrv-u-background-color-white lrv-u-width-100p',
|
|
24
30
|
o_icon_button_menu,
|
|
25
31
|
c_logo,
|
|
26
32
|
read_next: false,
|
|
@@ -28,12 +34,18 @@ module.exports = {
|
|
|
28
34
|
o_social_list: false,
|
|
29
35
|
o_header_buttons,
|
|
30
36
|
icon_logo_wrap: false,
|
|
31
|
-
header_sticky_content_classes:
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
37
|
+
header_sticky_content_classes:
|
|
38
|
+
'lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-margin-t-025 lrv-u-padding-t-050 lrv-u-padding-b-050',
|
|
39
|
+
header_sticky_content_inner_classes:
|
|
40
|
+
' lrv-u-flex lrv-u-justify-content-space-between lrv-u-align-items-center',
|
|
41
|
+
header_sticky_icon_logo_wrap_classes:
|
|
42
|
+
' lrv-u-flex lrv-u-justify-content-space-between lrv-u-align-items-center',
|
|
43
|
+
header_sticky_links_classes:
|
|
44
|
+
'lrv-u-align-items-center lrv-u-flex lrv-u-justify-content-end',
|
|
45
|
+
header_sticky_logo_classes:
|
|
46
|
+
'lrv-u-align-items-center lrv-u-flex lrv-u-flex-shrink-0 lrv-u-justify-content-center lrv-u-margin-lr-00@desktop lrv-u-margin-lr-auto',
|
|
36
47
|
header_sticky_inner_classes: 'lrv-u-align-items-center lrv-u-flex',
|
|
37
48
|
header_sticky_outer_classes: 'lrv-a-wrapper',
|
|
38
|
-
header_sticky_icons_classes:
|
|
49
|
+
header_sticky_icons_classes:
|
|
50
|
+
'lrv-a-glue-parent lrv-u-align-items-center lrv-u-flex lrv-u-padding-r-1',
|
|
39
51
|
};
|
|
@@ -1,18 +1,26 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const o_figure = clonedeep(
|
|
3
|
+
const o_figure = clonedeep(
|
|
4
|
+
require( '../../objects/o-figure/o-figure.prototype.js' )
|
|
5
|
+
);
|
|
4
6
|
const story = clonedeep( require( '../story/story.center-vertical' ) );
|
|
5
|
-
const article_kicker_prototype = clonedeep(
|
|
7
|
+
const article_kicker_prototype = clonedeep(
|
|
8
|
+
require( '../article-kicker/article-kicker.prototype' )
|
|
9
|
+
);
|
|
6
10
|
|
|
7
11
|
o_figure.c_figcaption.c_figcaption_caption_markup = 'test';
|
|
8
|
-
o_figure.c_lazy_image.c_lazy_image_placeholder_url =
|
|
12
|
+
o_figure.c_lazy_image.c_lazy_image_placeholder_url =
|
|
13
|
+
'https://picsum.photos/1000/1000';
|
|
9
14
|
o_figure.c_lazy_image.c_lazy_image_classes = 'lrv-a-wrapper-100vw@mobile-max';
|
|
10
15
|
o_figure.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
|
|
11
16
|
o_figure.o_figure_classes = 'lrv-a-glue-parent@tablet';
|
|
12
|
-
o_figure.c_figcaption.c_figcaption_classes =
|
|
13
|
-
|
|
17
|
+
o_figure.c_figcaption.c_figcaption_classes =
|
|
18
|
+
'lrv-u-color-white lrv-a-glue@tablet lrv-a-glue-parent@mobile-max lrv-u-flex lrv-u-flex-direction-column lrv-a-glue--b-0 lrv-a-glue--l-0 lrv-u-width-20p lrv-u-width-100p@mobile-max lrv-u-align-items-center';
|
|
19
|
+
o_figure.c_figcaption.c_figcaption_credit_classes =
|
|
20
|
+
'lrv-a-font-primary-xl lrv-u-padding-tb-125@mobile-max lrv-u-border-b-1@mobile-max lrv-u-text-align-center@tablet lrv-u-text-transform-uppercase lrv-u-font-family-secondary';
|
|
14
21
|
o_figure.c_figcaption.c_figcaption_credit_text = 'Prince Dead At 57';
|
|
15
|
-
o_figure.c_figcaption.c_figcaption_caption_classes =
|
|
22
|
+
o_figure.c_figcaption.c_figcaption_caption_classes =
|
|
23
|
+
'u-background-white@mobile-max lrv-a-glue@mobile-max lrv-a-glue--b-unset@mobile-max lrv-a-glue--t-0 lrv-a-glue--l-0 lrv-u-transform-translateY-n50p lrv-u-font-family-secondary lrv-u-font-size-20 u-line-height-18 u-letter-spacing-012 lrv-u-border-t-5 lrv-u-border-b-1 lrv-u-padding-tb-050 lrv-u-padding-lr-125';
|
|
16
24
|
o_figure.c_figcaption.c_figcaption_caption_markup = '1958 – 2021';
|
|
17
25
|
|
|
18
26
|
//story.c_lazy_image = false;
|
|
@@ -21,21 +29,25 @@ story.c_timestamp = false;
|
|
|
21
29
|
story.c_link_bottom = false;
|
|
22
30
|
story.c_span = false;
|
|
23
31
|
story.article_kicker = clonedeep( article_kicker_prototype );
|
|
24
|
-
story.story_grid_primary_classes =
|
|
25
|
-
|
|
32
|
+
story.story_grid_primary_classes =
|
|
33
|
+
'lrv-a-hidden@tablet lrv-u-margin-b-150@mobile-max';
|
|
34
|
+
story.story_classes =
|
|
35
|
+
'lrv-a-grid-item lrv-u-padding-t-125@mobile-max lrv-u-border-l-00@mobile-max';
|
|
26
36
|
story.c_title.c_title_classes = 'lrv-a-font-primary-xs';
|
|
27
|
-
story.story_links_classes =
|
|
28
|
-
|
|
29
|
-
story.
|
|
30
|
-
|
|
31
|
-
story.
|
|
32
|
-
|
|
37
|
+
story.story_links_classes =
|
|
38
|
+
'lrv-u-justify-content-center@tablet lrv-u-margin-b-00';
|
|
39
|
+
story.story_grid_secondary_classes =
|
|
40
|
+
'lrv-a-span2 lrv-u-color-brand-primary:hover lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-text-align-center@tablet';
|
|
41
|
+
story.c_tagline_author_wrapper_classes =
|
|
42
|
+
'lrv-u-text-transform-uppercase lrv-u-font-size-12 lrv-u-line-height-copy u-letter-spacing-011';
|
|
43
|
+
story.story_nav_layout_classes =
|
|
44
|
+
'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-margin-t-075';
|
|
45
|
+
story.story_nav_classes =
|
|
46
|
+
'lrv-u-font-size-12 lrv-u-font-family-body lrv-u-justify-content-center@tablet';
|
|
47
|
+
module.exports = {
|
|
33
48
|
wrapper_classes: 'lrv-u-padding-lr-150@mobile-max',
|
|
34
|
-
stories_outer_classes:
|
|
49
|
+
stories_outer_classes:
|
|
50
|
+
'lrv-a-grid lrv-a-cols3@tablet lrv-a-children-border-horizontal lrv-a-children-border-vertical@mobile-max lrv-u-padding-tb-150 lrv-u-padding-tb-00@mobile-max',
|
|
35
51
|
o_figure,
|
|
36
|
-
stories: [
|
|
37
|
-
story,
|
|
38
|
-
story,
|
|
39
|
-
story,
|
|
40
|
-
],
|
|
52
|
+
stories: [ story, story, story ],
|
|
41
53
|
};
|
|
@@ -1,44 +1,55 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_title_prototype = require('../../components/c-title/c-title.prototype');
|
|
4
|
-
const c_heading = clonedeep(c_title_prototype);
|
|
3
|
+
const c_title_prototype = require( '../../components/c-title/c-title.prototype' );
|
|
4
|
+
const c_heading = clonedeep( c_title_prototype );
|
|
5
5
|
|
|
6
6
|
c_heading.c_title_text = 'Related';
|
|
7
|
-
c_heading.c_title_classes =
|
|
7
|
+
c_heading.c_title_classes =
|
|
8
|
+
'lrv-a-font-primary-xxxs lrv-u-font-weight-bold lrv-u-color-black lrv-u-text-transform-uppercase lrv-u-border-b-1 lrv-u-padding-b-050 ';
|
|
8
9
|
c_heading.c_title_url = false;
|
|
9
10
|
|
|
10
|
-
const c_title = clonedeep(c_title_prototype);
|
|
11
|
+
const c_title = clonedeep( c_title_prototype );
|
|
11
12
|
|
|
12
|
-
c_title.c_title_text =
|
|
13
|
-
|
|
14
|
-
c_title.
|
|
13
|
+
c_title.c_title_text =
|
|
14
|
+
'Chronixx Says Some Dancehall Lyrics Are ‘Embarrassing’, Artists Should Stop Calling Him For Features';
|
|
15
|
+
c_title.c_title_classes =
|
|
16
|
+
'lrv-a-font-primary-xs lrv-u-color-black lrv-u-padding-t-125';
|
|
17
|
+
c_title.c_title_link_classes =
|
|
18
|
+
'lrv-a-font-primary-xs lrv-u-color-black lrv-a-truncate-ellipsis-4line@mobile-max lrv-a-truncate-ellipsis-5line@tablet-desktop-only lrv-a-truncate-ellipsis-3line@desktop-xl';
|
|
15
19
|
c_title.c_title_url = '#';
|
|
16
20
|
|
|
17
|
-
const c_lazy_image_prototype = require('../../components/c-lazy-image/c-lazy-image.prototype.js');
|
|
18
|
-
const c_lazy_image = clonedeep(c_lazy_image_prototype);
|
|
21
|
+
const c_lazy_image_prototype = require( '../../components/c-lazy-image/c-lazy-image.prototype.js' );
|
|
22
|
+
const c_lazy_image = clonedeep( c_lazy_image_prototype );
|
|
19
23
|
|
|
20
|
-
c_lazy_image.c_lazy_image_classes =
|
|
24
|
+
c_lazy_image.c_lazy_image_classes =
|
|
25
|
+
'lrv-a-floated-right@tablet lrv-u-width-154@desktop-xl lrv-u-width-177@tablet-and-desktop-only lrv-u-margin-l-125 lrv-u-margin-t-150@mobile-max lrv-u-margin-l-00@mobile-max';
|
|
21
26
|
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1@tablet';
|
|
22
27
|
|
|
23
|
-
const o_card_prototype = require('../../objects/o-card/o-card.prototype');
|
|
24
|
-
const o_card_first = clonedeep(o_card_prototype);
|
|
28
|
+
const o_card_prototype = require( '../../objects/o-card/o-card.prototype' );
|
|
29
|
+
const o_card_first = clonedeep( o_card_prototype );
|
|
25
30
|
|
|
26
31
|
o_card_first.o_card_classes = '';
|
|
27
|
-
o_card_first.c_title.c_title_text =
|
|
28
|
-
|
|
29
|
-
o_card_first.c_title.
|
|
32
|
+
o_card_first.c_title.c_title_text =
|
|
33
|
+
'Chronixx Draws Inspiration From These Capleton Lyrics';
|
|
34
|
+
o_card_first.c_title.c_title_classes =
|
|
35
|
+
'lrv-a-font-primary-xxxs lrv-u-color-black lrv-u-border-b-1 lrv-u-border-t-1@desktop-xl-max lrv-u-padding-b-1 lrv-u-padding-t-00@desktop-xl lrv-u-padding-t-1 ';
|
|
36
|
+
o_card_first.c_title.c_title_link_classes =
|
|
37
|
+
'lrv-a-font-primary-xxxs lrv-u-color-black lrv-a-truncate-ellipsis-3line@desktop-xl lrv-a-truncate-ellipsis-1line@tablet-desktop-only lrv-a-truncate-ellipsis-2line@mobile-max';
|
|
30
38
|
o_card_first.c_title.c_title_url = '#';
|
|
31
39
|
o_card_first.c_lazy_image = false;
|
|
32
40
|
o_card_first.c_span = false;
|
|
33
41
|
o_card_first.c_timestamp = false;
|
|
34
42
|
o_card_first.o_card_tag_text = 'div';
|
|
35
43
|
|
|
36
|
-
const o_card_last = clonedeep(o_card_prototype);
|
|
44
|
+
const o_card_last = clonedeep( o_card_prototype );
|
|
37
45
|
|
|
38
46
|
o_card_last.o_card_classes = '';
|
|
39
|
-
o_card_last.c_title.c_title_text =
|
|
40
|
-
|
|
41
|
-
o_card_last.c_title.
|
|
47
|
+
o_card_last.c_title.c_title_text =
|
|
48
|
+
'Chronixx calls for change in new video “Safe N Sound”';
|
|
49
|
+
o_card_last.c_title.c_title_classes =
|
|
50
|
+
'lrv-a-font-primary-xxxs lrv-u-color-black lrv-u-padding-b-00@desktop-xl lrv-u-padding-b-1 lrv-u-padding-t-1';
|
|
51
|
+
o_card_last.c_title.c_title_link_classes =
|
|
52
|
+
'lrv-a-font-primary-xxxs lrv-u-color-black lrv-a-truncate-ellipsis-3line@desktop-xl lrv-a-truncate-ellipsis-1line@tablet-desktop-only lrv-a-truncate-ellipsis-2line@mobile-max';
|
|
42
53
|
o_card_last.c_title.c_title_url = '#';
|
|
43
54
|
o_card_last.c_lazy_image = false;
|
|
44
55
|
o_card_last.c_span = false;
|
|
@@ -46,16 +57,17 @@ o_card_last.c_timestamp = false;
|
|
|
46
57
|
o_card_last.o_card_tag_text = 'div';
|
|
47
58
|
|
|
48
59
|
module.exports = {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
60
|
+
injected_related_content_classes: 'lrv-u-border-t-1 lrv-u-padding-t-025',
|
|
61
|
+
injected_related_content_inner_classes:
|
|
62
|
+
'lrv-u-flex lrv-u-flex-direction-column@desktop-xl-max lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-padding-b-150@desktop-xl lrv-u-padding-t-150',
|
|
63
|
+
injected_related_content_primary_classes:
|
|
64
|
+
'lrv-u-padding-b-1@mobile-max lrv-u-padding-b-150 lrv-u-padding-b-00@desktop-xl lrv-u-width-64p@desktop-xl',
|
|
65
|
+
injected_related_content_heading_classes:
|
|
66
|
+
'lrv-u-padding-b-00@desktop-xl lrv-u-display-inline-block',
|
|
67
|
+
injected_related_content_secondary_classes:
|
|
68
|
+
'lrv-u-padding-l-125@desktop-xl lrv-u-width-36p@desktop-xl lrv-u-flex lrv-u-flex-direction-column lrv-u-justify-content-center',
|
|
69
|
+
c_heading,
|
|
70
|
+
c_title,
|
|
71
|
+
c_lazy_image,
|
|
72
|
+
o_card_items: [ o_card_first, o_card_last ],
|
|
61
73
|
};
|
|
@@ -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,
|