@penskemediacorp/larva-patterns 1.24.1 → 1.27.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/__tests__/css/css.prototype.js +1 -1
  2. package/__tests__/hub/hub.prototype.js +38 -14
  3. package/__tests__/profile/profile.prototype.js +19 -7
  4. package/__tests__/profile-index/profile-index.prototype.js +6 -2
  5. package/__tests__/vlanding/vlanding.prototype.js +9 -5
  6. package/algorithms/a-carousel-grid/a-carousel-grid.overlay.js +12 -9
  7. package/components/c-button/c-button.black.js +2 -1
  8. package/components/c-button/c-button.brand-basic.js +2 -1
  9. package/components/c-button/c-button.ghost.js +2 -1
  10. package/components/c-button/c-button.prototype.js +2 -2
  11. package/components/c-button/c-button.stripped.js +3 -3
  12. package/components/c-checkbox-input/c-checkbox-input.prototype.js +1 -1
  13. package/components/c-dek/c-dek.prototype.js +3 -2
  14. package/components/c-email-field/c-email-field.ghost.js +6 -3
  15. package/components/c-email-field/c-email-field.prototype.js +1 -1
  16. package/components/c-figcaption/c-figcaption.prototype.js +3 -2
  17. package/components/c-heading/c-heading.prototype.js +2 -2
  18. package/components/c-hidden-field/c-hidden-field.prototype.js +1 -1
  19. package/components/c-icon/c-icon.prototype.js +1 -1
  20. package/components/c-label/c-label.prototype.js +1 -1
  21. package/components/c-lazy-image/c-lazy-image.prototype.js +10 -6
  22. package/components/c-logo/c-logo.prototype.js +1 -1
  23. package/components/c-nav-link/c-nav-link.prototype.js +2 -2
  24. package/components/c-play-badge/c-play-badge.prototype.js +2 -2
  25. package/components/c-select-option/c-select-option.prototype.js +1 -1
  26. package/components/c-span/c-span.prototype.js +1 -1
  27. package/components/c-span/c-span.tag.js +1 -1
  28. package/components/c-svg/c-svg.prototype.js +2 -2
  29. package/components/c-tagline/c-tagline.prototype.js +2 -1
  30. package/components/c-timestamp/c-timestamp.prototype.js +1 -1
  31. package/components/c-title/c-title.prototype.js +2 -2
  32. package/index.js +2 -2
  33. package/modules/age-gate/age-gate.prototype.js +27 -15
  34. package/modules/article-callout/article-callout.prototype.js +4 -3
  35. package/modules/article-excerpt/article-excerpt.prototype.js +2 -1
  36. package/modules/article-tags/article-tags.prototype.js +4 -4
  37. package/modules/article-timestamp/article-timestamp.prototype.js +8 -6
  38. package/modules/article-title/article-title.prototype.js +2 -1
  39. package/modules/author/author.prototype.js +32 -23
  40. package/modules/author-blurb/author-blurb.prototype.js +17 -13
  41. package/modules/author-details/author-details.prototype.js +42 -33
  42. package/modules/back-to-list/back-to-list.prototype.js +6 -3
  43. package/modules/badge/badge.prototype.js +3 -2
  44. package/modules/banner/banner.prototype.js +4 -4
  45. package/modules/brands-most-popular/brands-most-popular.prototype.js +5 -3
  46. package/modules/breadcrumbs/breadcrumbs.prototype.js +1 -1
  47. package/modules/breaking-news/breaking-news.prototype.js +24 -13
  48. package/modules/buy-now/buy-now.prototype.js +9 -4
  49. package/modules/carousel-grid/carousel-grid.overlay.js +19 -10
  50. package/modules/carousel-grid/carousel-grid.prototype.js +15 -10
  51. package/modules/carousel-slider/carousel-slider.prototype.js +15 -10
  52. package/modules/container/container.narrow.js +8 -0
  53. package/modules/container/container.prototype.js +2 -2
  54. package/modules/content-showcase/content-showcase.prototype.js +20 -10
  55. package/modules/content-showcase/content-showcase.the-moth.js +19 -10
  56. package/modules/cover/cover.prototype.js +1 -1
  57. package/modules/expandable-search/expandable-search.prototype.js +11 -7
  58. package/modules/featured-stories/featured-stories.prototype.js +2 -1
  59. package/modules/featured-video/featured-video.prototype.js +27 -17
  60. package/modules/featured-video/featured-video.video-post.js +3 -2
  61. package/modules/footer/footer.prototype.js +15 -8
  62. package/modules/footer-button-list/footer-button-list.prototype.js +28 -12
  63. package/modules/footer-magazine-image/footer-magazine-image.prototype.js +9 -5
  64. package/modules/footer-menus/footer-menus.prototype.js +11 -10
  65. package/modules/footer-newsletter/footer-newsletter.prototype.js +18 -9
  66. package/modules/footer-newsletter/footer-newsletter.twig +3 -0
  67. package/modules/footer-social/footer-social.prototype.js +27 -16
  68. package/modules/footer-social/footer-social.twig +11 -3
  69. package/modules/footer-tip/footer-tip.prototype.js +22 -11
  70. package/modules/header/header.article.js +34 -19
  71. package/modules/header/header.prototype.js +46 -24
  72. package/modules/header-menu/header-menu.prototype.js +19 -14
  73. package/modules/header-sticky/header-sticky.article.js +28 -20
  74. package/modules/header-sticky/header-sticky.prototype.js +24 -12
  75. package/modules/heading/heading.prototype.js +1 -1
  76. package/modules/hero-image-story/hero-image-story.prototype.js +32 -20
  77. package/modules/injected-related-content/injected-related-content.prototype.js +44 -32
  78. package/modules/linked-gallery/linked-gallery.prototype.js +48 -25
  79. package/modules/list/list.prototype.js +16 -17
  80. package/modules/listicle-item/listicle-item.prototype.js +6 -3
  81. package/modules/mega-menu/mega-menu.prototype.js +5 -3
  82. package/modules/mega-menu-content/mega-menu-content.prototype.js +7 -7
  83. package/modules/mega-menu-footer/mega-menu-footer.prototype.js +39 -18
  84. package/modules/mega-menu-footer-subscribe/mega-menu-footer-subscribe.prototype.js +7 -4
  85. package/modules/mega-menu-item/mega-menu-item.prototype.js +13 -11
  86. package/modules/more-stories-button/more-stories-button.profile.js +3 -2
  87. package/modules/more-stories-button/more-stories-button.prototype.js +11 -7
  88. package/modules/newsletter/newsletter.prototype.js +23 -14
  89. package/modules/newsletter-cta/newsletter-cta.prototype.js +13 -5
  90. package/modules/newswire/newswire.prototype.js +16 -9
  91. package/modules/page-404/page-404.prototype.js +11 -6
  92. package/modules/paragraph/paragraph.narrow.js +2 -2
  93. package/modules/pmc-footer/pmc-footer.prototype.js +24 -14
  94. package/modules/post-content-image/post-content-image.prototype.js +10 -5
  95. package/modules/production-credits/production-credits.prototype.js +4 -3
  96. package/modules/profile-block/profile-block.horizontal.js +9 -4
  97. package/modules/profile-block/profile-block.prototype.js +21 -10
  98. package/modules/profile-blurb/profile-blurb.card.js +13 -6
  99. package/modules/profile-blurb/profile-blurb.prototype.js +29 -16
  100. package/modules/profile-body/profile-body.prototype.js +9 -5
  101. package/modules/profile-browse-by/profile-browse-by.prototype.js +16 -9
  102. package/modules/profile-card-list/profile-card-list.prototype.js +8 -5
  103. package/modules/profile-filter/profile-filter.prototype.js +20 -10
  104. package/modules/profile-gallery/profile-gallery.prototype.js +16 -9
  105. package/modules/profile-header/profile-header.prototype.js +18 -10
  106. package/modules/profile-highlights/profile-highlights.prototype.js +10 -5
  107. package/modules/profile-landing-header/profile-landing-header.prototype.js +11 -5
  108. package/modules/profile-landing-river/profile-landing-river.prototype.js +7 -8
  109. package/modules/profile-related-stories/profile-related-stories.prototype.js +18 -10
  110. package/modules/read-next/read-next.prototype.js +12 -8
  111. package/modules/secondary-stories/secondary-stories.prototype.js +128 -71
  112. package/modules/section-heading/section-heading.h2.js +3 -3
  113. package/modules/section-heading/section-heading.h3.js +3 -2
  114. package/modules/section-heading/section-heading.prototype.js +7 -4
  115. package/modules/separator/separator.double-line.js +2 -1
  116. package/modules/separator/separator.prototype.js +1 -1
  117. package/modules/separator/separator.thick-double-line.js +2 -1
  118. package/modules/separator/separator.wide-thick.js +2 -1
  119. package/modules/separator/separator.wide.js +2 -1
  120. package/modules/social-share/social-share.prototype.js +24 -11
  121. package/modules/special-coverage/special-coverage.prototype.js +44 -21
  122. package/modules/story/story.borders.js +5 -2
  123. package/modules/story/story.center-vertical-borders.js +3 -1
  124. package/modules/story/story.center-vertical.js +4 -2
  125. package/modules/story/story.prototype.js +35 -16
  126. package/modules/story/story.right-borders.js +2 -1
  127. package/modules/story/story.right.js +7 -3
  128. package/modules/story/story.story-arc.js +3 -1
  129. package/modules/story/story.vertical.js +5 -2
  130. package/modules/story-arc-stories/story-arc-stories.prototype.js +12 -10
  131. package/modules/story-featured-quote/story-featured-quote.prototype.js +25 -17
  132. package/modules/story-grid/story-grid.prototype.js +7 -3
  133. package/modules/story-grid/story-grid.river.js +13 -5
  134. package/modules/sub-header/sub-header.prototype.js +4 -2
  135. package/modules/top-stories/top-stories.prototype.js +39 -22
  136. package/modules/top-stories/top-stories.xl.js +3 -3
  137. package/modules/video-slider/video-slider.prototype.js +8 -4
  138. package/modules/vlanding-playlist/vlanding-playlist.prototype.js +9 -10
  139. package/modules/vlanding-video-card/vlanding-video-card.prototype.js +16 -8
  140. package/modules/vlanding-video-showcase/vlanding-video-showcase.prototype.js +44 -25
  141. package/objects/o-account-menu/o-account-menu.prototype.js +21 -14
  142. package/objects/o-author/o-author.prototype.js +9 -5
  143. package/objects/o-card/o-card.prototype.js +18 -10
  144. package/objects/o-card-list/o-card-list.prototype.js +1 -5
  145. package/objects/o-category-link/o-category-link.prototype.js +3 -2
  146. package/objects/o-checkbox-input-list/o-checkbox-input-list.prototype.js +11 -5
  147. package/objects/o-collection-item/o-collection-item.floated.js +3 -1
  148. package/objects/o-collection-item/o-collection-item.prototype.js +6 -4
  149. package/objects/o-email-capture-form/o-email-capture-form.minimal.js +11 -4
  150. package/objects/o-email-capture-form/o-email-capture-form.prototype.js +9 -5
  151. package/objects/o-figure/o-figure.prototype.js +8 -4
  152. package/objects/o-header/o-header.prototype.js +10 -5
  153. package/objects/o-header-buttons/o-header-buttons.column.js +7 -4
  154. package/objects/o-header-buttons/o-header-buttons.prototype.js +23 -12
  155. package/objects/o-icon-button/o-icon-button.prototype.js +10 -5
  156. package/objects/o-icon-button/o-icon-button.search.js +5 -2
  157. package/objects/o-indicator/o-indicator.photos.js +7 -3
  158. package/objects/o-indicator/o-indicator.prototype.js +6 -3
  159. package/objects/o-input-group/o-input-group.prototype.js +4 -6
  160. package/objects/o-nav/o-nav.horizontal.js +2 -1
  161. package/objects/o-nav/o-nav.prototype.js +3 -3
  162. package/objects/o-select-nav/o-select-nav.prototype.js +8 -8
  163. package/objects/o-social-list/o-social-list.prototype.js +5 -4
  164. package/objects/o-span-group/o-span-group.prototype.js +4 -5
  165. package/objects/o-sponsored-by/o-sponsored-by.prototype.js +6 -3
  166. package/objects/o-story-arc-item/o-story-arc-item.prototype.js +12 -7
  167. package/objects/o-sub-header/o-sub-header.prototype.js +30 -15
  168. package/objects/o-tease/o-tease.prototype.js +16 -8
  169. package/objects/o-tease-list/o-tease-list.prototype.js +1 -5
  170. package/objects/o-video-card/o-video-card.prototype.js +28 -22
  171. package/package.json +5 -5
@@ -1,16 +1,24 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const o_card = clonedeep( require( '@penskemediacorp/larva-patterns/objects/o-card/o-card.prototype' ) );
4
- const article_kicker = clonedeep( require( '../article-kicker/article-kicker.prototype' ) );
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 = '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';
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 = 'lrv-u-flex-basis-40p@desktop lrv-u-flex-basis-40p@desktop-xl lrv-u-flex-basis-25p@mobile-max';
10
- o_card.o_card_content_classes = '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';
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 = 'lrv-u-margin-l-auto lrv-u-width-100';
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 = 'Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.';
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
- content_showcase_items_classes: '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',
29
- content_showcase_items: [ o_card, o_card, o_card ]
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
+ };
@@ -2,7 +2,9 @@ const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
3
  const content_showcase = clonedeep( require( './content-showcase.prototype' ) );
4
4
  const o_card = clonedeep( require( '../../objects/o-card/o-card.prototype' ) );
5
- const article_kicker = clonedeep( require( '../article-kicker/article-kicker.prototype' ) );
5
+ const article_kicker = clonedeep(
6
+ require( '../article-kicker/article-kicker.prototype' )
7
+ );
6
8
 
7
9
  o_card.c_dek = false;
8
10
  o_card.c_span = false;
@@ -10,23 +12,30 @@ o_card.c_timestamp = false;
10
12
  o_card.c_tagline = false;
11
13
  o_card.o_author = false;
12
14
 
13
- o_card.o_card_classes = 'lrv-u-display-inline-flex lrv-u-flex-basis-100p@desktop-xl lrv-u-flex-basis-100p@desktop lrv-u-padding-tb-00@mobile-max lrv-u-flex-shrink-0@mobile-max';
15
+ o_card.o_card_classes =
16
+ 'lrv-u-display-inline-flex lrv-u-flex-basis-100p@desktop-xl lrv-u-flex-basis-100p@desktop lrv-u-padding-tb-00@mobile-max lrv-u-flex-shrink-0@mobile-max';
14
17
  o_card.o_card_link_classes = 'lrv-u-flex';
15
18
  o_card.o_card_link_url = '#';
16
- o_card.o_card_image_wrap_classes = 'lrv-u-flex-basis-40p@desktop lrv-u-flex-basis-40p@desktop-xl lrv-u-flex-basis-25p@mobile-max';
19
+ o_card.o_card_image_wrap_classes =
20
+ 'lrv-u-flex-basis-40p@desktop lrv-u-flex-basis-40p@desktop-xl lrv-u-flex-basis-25p@mobile-max';
17
21
  o_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-width-100';
18
- o_card.o_card_content_classes = '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 lrv-u-color-black';
22
+ o_card.o_card_content_classes =
23
+ '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 lrv-u-color-black';
19
24
  o_card.c_title.c_title_text = 'Canceling Noodle The Pug';
20
- o_card.c_title.c_title_classes = 'lrv-a-font-body-l lrv-u-text-decoration-underline:hover lrv-u-margin-b-00 lrv-u-margin-t-050 lrv-u-line-height-copy';
21
- o_card.c_title.c_title_link_classes = 'lrv-u-color-black lrv-u-color-brand-secondary-dark:hover';
25
+ o_card.c_title.c_title_classes =
26
+ 'lrv-a-font-body-l lrv-u-text-decoration-underline:hover lrv-u-margin-b-00 lrv-u-margin-t-050 lrv-u-line-height-copy';
27
+ o_card.c_title.c_title_link_classes =
28
+ 'lrv-u-color-black lrv-u-color-brand-secondary-dark:hover';
22
29
  o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
23
30
  o_card.article_kicker = article_kicker;
24
- o_card.article_kicker.article_kicker_classes = 'lrv-u-color-black lrv-u-color-brand-secondary-dark:hover lrv-u-text-transform-uppercase lrv-a-font-basic-s lrv-u-position-relative lrv-u-padding-b-050';
31
+ o_card.article_kicker.article_kicker_classes =
32
+ 'lrv-u-color-black lrv-u-color-brand-secondary-dark:hover lrv-u-text-transform-uppercase lrv-a-font-basic-s lrv-u-position-relative lrv-u-padding-b-050';
25
33
  o_card.article_kicker.article_kicker_link_classes = 'lrv-u-color-black';
26
34
 
27
-
28
- content_showcase.content_showcase_classes = 'the-moth lrv-u-border-t-1 lrv-u-font-family-body lrv-a-glue-parent';
29
- content_showcase.content_showcase_items_classes = 'the-moth-items lrv-u-overflow-auto@mobile-max lrv-u-padding-r-2@mobile-max lrv-u-flex-shrink-0@mobile-max lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-flex lrv-u-margin-t-025 lrv-u-padding-lr-125@mobile-max lrv-u-padding-tb-150 lrv-u-width-100p';
35
+ content_showcase.content_showcase_classes =
36
+ 'the-moth lrv-u-border-t-1 lrv-u-font-family-body lrv-a-glue-parent';
37
+ content_showcase.content_showcase_items_classes =
38
+ 'the-moth-items lrv-u-overflow-auto@mobile-max lrv-u-padding-r-2@mobile-max lrv-u-flex-shrink-0@mobile-max lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-flex lrv-u-margin-t-025 lrv-u-padding-lr-125@mobile-max lrv-u-padding-tb-150 lrv-u-width-100p';
30
39
 
31
40
  content_showcase.content_showcase_items = [ o_card, o_card, o_card, o_card ];
32
41
 
@@ -1,4 +1,4 @@
1
1
  module.exports = {
2
2
  cover_classes: '',
3
3
  cover_markup: 'Cover markup.',
4
- };
4
+ };
@@ -8,12 +8,16 @@ search_form.search_form_input_placeholder_attr = 'Search...';
8
8
 
9
9
  const o_icon_button_search = clonedeep( o_icon_button_search_prototype );
10
10
  o_icon_button_search.o_icon_button_classes += ' js-ExpandableSearch-trigger';
11
- o_icon_button_search.c_icon.c_icon_classes = ' lrv-u-display-block lrv-u-width-24 lrv-u-height-24 lrv-u-color-brand-primary:hover';
11
+ o_icon_button_search.c_icon.c_icon_classes =
12
+ ' lrv-u-display-block lrv-u-width-24 lrv-u-height-24 lrv-u-color-brand-primary:hover';
12
13
 
13
14
  module.exports = {
14
- expandable_search_outer_classes: 'js-ExpandableSearch lrv-u-flex lrv-u-margin-l-auto lrv-a-glue-parent',
15
- expandable_search_classes: 'js-ExpandableSearch-target lrv-a-unstyle-button lrv-u-color-black js-fade js-fade-is-out',
16
- expandable_search_inner_classes:'lrv-u-height-auto lrv-a-glue lrv-a-glue--l-0 lrv-a-glue--t-50p lrv-u-flex lrv-u-transform-translateY-n50p',
17
- o_icon_button_search: o_icon_button_search,
18
- search_form: search_form,
19
- };
15
+ expandable_search_outer_classes:
16
+ 'js-ExpandableSearch lrv-u-flex lrv-u-margin-l-auto lrv-a-glue-parent',
17
+ expandable_search_classes:
18
+ 'js-ExpandableSearch-target lrv-a-unstyle-button lrv-u-color-black js-fade js-fade-is-out',
19
+ expandable_search_inner_classes:
20
+ 'lrv-u-height-auto lrv-a-glue lrv-a-glue--l-0 lrv-a-glue--t-50p lrv-u-flex lrv-u-transform-translateY-n50p',
21
+ o_icon_button_search,
22
+ search_form,
23
+ };
@@ -9,7 +9,8 @@ story.story_grid_classes = '';
9
9
 
10
10
  story.story_grid_primary_classes = 'lrv-u-margin-r-00';
11
11
 
12
- story.story_grid_secondary_classes += ' lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-padding-tb-075 lrv-u-padding-tb-150@desktop-xl';
12
+ story.story_grid_secondary_classes +=
13
+ ' lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-padding-tb-075 lrv-u-padding-tb-150@desktop-xl';
13
14
 
14
15
  const featured_story = clonedeep( story );
15
16
 
@@ -1,33 +1,43 @@
1
- const clonedeep = require('lodash.clonedeep');
1
+ const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const o_video_card_prototype = require('../../objects/o-video-card/o-video-card.prototype');
3
+ const o_video_card_prototype = require( '../../objects/o-video-card/o-video-card.prototype' );
4
4
  const o_category_link_prototype = require( '../../objects/o-category-link/o-category-link.prototype' );
5
5
  const c_figcaption_prototype = require( '../../components/c-figcaption/c-figcaption.prototype.js' );
6
6
 
7
- const o_video_card = clonedeep(o_video_card_prototype);
7
+ const o_video_card = clonedeep( o_video_card_prototype );
8
8
  const o_category_link = clonedeep( o_category_link_prototype );
9
9
  const c_figcaption = clonedeep( c_figcaption_prototype );
10
10
 
11
- o_video_card.c_play_icon.c_play_badge_classes = 'lrv-a-glue lrv-a-glue--b-0 lrv-a-glue--l-0 lrv-u-margin-l-1 lrv-u-margin-b-1 u-transform-translate-a-n50p u-width-auto u-height-80 u-width-60@tablet u-height-60@tablet is-to-be-hidden u-overflow-visible lrv-u-width-50 lrv-u-width-35@mobile-max u-opacity-060';
12
-
13
- o_video_card.o_video_card_image_classes += ' lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto';
14
-
15
- o_category_link.o_category_link_classes = o_category_link.o_category_link_classes.replace( 'lrv-u-color-black', 'lrv-u-color-white' );
16
- o_category_link.o_category_link_classes = o_category_link.o_category_link_classes.replace( 'lrv-u-color-brand-primary:hover', 'lrv-u-color-brand-accent-blue:hover' );
11
+ o_video_card.c_play_icon.c_play_badge_classes =
12
+ 'lrv-a-glue lrv-a-glue--b-0 lrv-a-glue--l-0 lrv-u-margin-l-1 lrv-u-margin-b-1 u-transform-translate-a-n50p u-width-auto u-height-80 u-width-60@tablet u-height-60@tablet is-to-be-hidden u-overflow-visible lrv-u-width-50 lrv-u-width-35@mobile-max u-opacity-060';
13
+
14
+ o_video_card.o_video_card_image_classes +=
15
+ ' lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto';
16
+
17
+ o_category_link.o_category_link_classes =
18
+ o_category_link.o_category_link_classes.replace(
19
+ 'lrv-u-color-black',
20
+ 'lrv-u-color-white'
21
+ );
22
+ o_category_link.o_category_link_classes =
23
+ o_category_link.o_category_link_classes.replace(
24
+ 'lrv-u-color-brand-primary:hover',
25
+ 'lrv-u-color-brand-accent-blue:hover'
26
+ );
17
27
  o_category_link.o_category_link_classes += ' lrv-u-margin-b-050';
18
28
  o_video_card.o_category_link = o_category_link;
19
29
 
20
30
  o_video_card.o_video_card_classes = '';
21
31
  o_video_card.o_video_card_meta_classes = '';
22
32
 
23
-
24
33
  c_figcaption.c_figcaption_classes = 'lrv-u-font-size-12 lrv-u-padding-tb-075';
25
- c_figcaption.c_figcaption_caption_classes += ' lrv-u-font-size-16 lrv-u-font-size-14@mobile-max lrv-a-font-body-m u-font-style-italic lrv-u-color-grey-dark';
26
- c_figcaption.c_figcaption_credit_classes = 'lrv-u-text-transform-uppercase lrv-u-color-grey lrv-u-font-size-10 a-font-basic-s lrv-u-margin-l-025';
34
+ c_figcaption.c_figcaption_caption_classes +=
35
+ ' lrv-u-font-size-16 lrv-u-font-size-14@mobile-max lrv-a-font-body-m u-font-style-italic lrv-u-color-grey-dark';
36
+ c_figcaption.c_figcaption_credit_classes =
37
+ 'lrv-u-text-transform-uppercase lrv-u-color-grey lrv-u-font-size-10 a-font-basic-s lrv-u-margin-l-025';
27
38
 
28
39
  module.exports = {
29
- featured_video_classes: '',
30
- o_video_card,
31
- c_figcaption,
32
- }
33
-
40
+ featured_video_classes: '',
41
+ o_video_card,
42
+ c_figcaption,
43
+ };
@@ -3,8 +3,9 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
  const featured_video_prototype = require( './featured-video.prototype' );
4
4
  const featured_video = clonedeep( featured_video_prototype );
5
5
 
6
- featured_video.featured_video_classes ='lrv-a-wrapper-100vw@mobile-max';
7
- featured_video.o_video_card.o_video_card_crop_class = 'lrv-a-crop-3x2 lrv-a-glue-parent c-play-badge-parent';
6
+ featured_video.featured_video_classes = 'lrv-a-wrapper-100vw@mobile-max';
7
+ featured_video.o_video_card.o_video_card_crop_class =
8
+ 'lrv-a-crop-3x2 lrv-a-glue-parent c-play-badge-parent';
8
9
  featured_video.o_video_card.o_video_card_meta_classes = 'lrv-u-display-none';
9
10
 
10
11
  module.exports = featured_video;
@@ -1,14 +1,21 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const footer_menus = clonedeep( require( '../footer-menus/footer-menus.prototype' ) );
4
- const footer_social = clonedeep( require( '../footer-social/footer-social.prototype' ) );
3
+ const footer_menus = clonedeep(
4
+ require( '../footer-menus/footer-menus.prototype' )
5
+ );
6
+ const footer_social = clonedeep(
7
+ require( '../footer-social/footer-social.prototype' )
8
+ );
5
9
  const footer_tip = clonedeep( require( '../footer-tip/footer-tip.prototype' ) );
6
- const footer_newsletter = clonedeep( require( '../footer-newsletter/footer-newsletter.prototype' ) );
10
+ const footer_newsletter = clonedeep(
11
+ require( '../footer-newsletter/footer-newsletter.prototype' )
12
+ );
7
13
 
8
14
  module.exports = {
9
- footer_classes: "lrv-u-background-color-black lrv-u-color-white lrv-u-padding-tb-1",
10
- footer_menus: footer_menus,
11
- footer_social: footer_social,
12
- footer_tip: footer_tip,
13
- footer_newsletter: footer_newsletter,
15
+ footer_classes:
16
+ 'lrv-u-background-color-black lrv-u-color-white lrv-u-padding-tb-1',
17
+ footer_menus,
18
+ footer_social,
19
+ footer_tip,
20
+ footer_newsletter,
14
21
  };
@@ -7,37 +7,53 @@ const get_gift = clonedeep( c_button_prototype );
7
7
  const customer_service = clonedeep( c_button_prototype );
8
8
 
9
9
  get_digital_access.c_button_type_attr = 'button';
10
- get_digital_access.c_button_inner_classes = 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
11
- get_digital_access.c_button_classes = 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-background-color-white lrv-u-color-black cx-dynamic-link';
10
+ get_digital_access.c_button_inner_classes =
11
+ 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
12
+ get_digital_access.c_button_classes =
13
+ 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-background-color-white lrv-u-color-black cx-dynamic-link';
12
14
  get_digital_access.c_button_screen_reader_text = 'Get Digital Access';
13
15
  get_digital_access.c_button_text = 'Get Digital Access';
14
16
  get_digital_access.c_button_url = '#get-digital-access';
15
17
 
16
18
  get_magazine.c_button_type_attr = 'button';
17
- get_magazine.c_button_inner_classes = 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
18
- get_magazine.c_button_classes = 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-background-color-white lrv-u-color-black';
19
+ get_magazine.c_button_inner_classes =
20
+ 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
21
+ get_magazine.c_button_classes =
22
+ 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-background-color-white lrv-u-color-black';
19
23
  get_magazine.c_button_screen_reader_text = 'Get The Magazine';
20
24
  get_magazine.c_button_text = 'Get The Magazine';
21
25
  get_magazine.c_button_url = '#get-the-magazine';
22
26
 
23
27
  get_gift.c_button_type_attr = 'button';
24
- get_gift.c_button_inner_classes = 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
25
- get_gift.c_button_classes = 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-color-white lrv-u-border-a-1 lrv-u-border-color-grey lrv-u-border-color-brand-primary-dark:hover';
28
+ get_gift.c_button_inner_classes =
29
+ 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
30
+ get_gift.c_button_classes =
31
+ 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-color-white lrv-u-border-a-1 lrv-u-border-color-grey lrv-u-border-color-brand-primary-dark:hover';
26
32
  get_gift.c_button_screen_reader_text = 'Get a Gift';
27
33
  get_gift.c_button_text = 'Get a Gift';
28
34
  get_gift.c_button_url = '#get-a-gift';
29
35
 
30
36
  customer_service.c_button_type_attr = 'button';
31
- customer_service.c_button_inner_classes = 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
32
- customer_service.c_button_classes = 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-color-white lrv-u-border-a-1 lrv-u-border-color-grey lrv-u-border-color-brand-primary-dark:hover';
37
+ customer_service.c_button_inner_classes =
38
+ 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
39
+ customer_service.c_button_classes =
40
+ 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-color-white lrv-u-border-a-1 lrv-u-border-color-grey lrv-u-border-color-brand-primary-dark:hover';
33
41
  customer_service.c_button_screen_reader_text = 'Customer Service';
34
42
  customer_service.c_button_text = 'Customer Service';
35
43
  customer_service.c_button_url = '#customer-service';
36
44
 
37
45
  module.exports = {
38
- footer_button_list_content_classes: 'o-footer-button-list__content a-font-body-s lrv-u-flex lrv-u-flex-direction-column a-double-underline a-double-underline-color-grey a-double-underline-bottom@mobile-max lrv-u-padding-b-2@mobile-max',
39
- footer_button_list_title_classes: 'lrv-a-font-accent-medium-l lrv-u-font-weight-bold lrv-u-display-none@mobile-max lrv-u-padding-b-050',
40
- footer_button_list_classes: 'lrv-u-text-transform-uppercase u-letter-spacing-0063',
46
+ footer_button_list_content_classes:
47
+ 'o-footer-button-list__content a-font-body-s lrv-u-flex lrv-u-flex-direction-column a-double-underline a-double-underline-color-grey a-double-underline-bottom@mobile-max lrv-u-padding-b-2@mobile-max',
48
+ footer_button_list_title_classes:
49
+ 'lrv-a-font-accent-medium-l lrv-u-font-weight-bold lrv-u-display-none@mobile-max lrv-u-padding-b-050',
50
+ footer_button_list_classes:
51
+ 'lrv-u-text-transform-uppercase u-letter-spacing-0063',
41
52
  footer_button_list_title_text: '',
42
- footer_button_list_buttons: [ get_digital_access, get_magazine, get_gift, customer_service],
53
+ footer_button_list_buttons: [
54
+ get_digital_access,
55
+ get_magazine,
56
+ get_gift,
57
+ customer_service,
58
+ ],
43
59
  };
@@ -3,13 +3,17 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
  const c_lazy_magazine_image_prototype = require( '../../components/c-lazy-image/c-lazy-image.prototype' );
4
4
  const c_lazy_magazine_image = clonedeep( c_lazy_magazine_image_prototype );
5
5
 
6
- c_lazy_magazine_image.c_lazy_image_classes = 'lrv-u-flex-shrink-0 lrv-u-margin-r-2 lrv-u-width-300 a-hidden@desktop-xl-max';
7
- c_lazy_magazine_image.c_lazy_image_src_url = 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg';
8
- c_lazy_magazine_image.c_lazy_image_placeholder_url = 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg';
6
+ c_lazy_magazine_image.c_lazy_image_classes =
7
+ 'lrv-u-flex-shrink-0 lrv-u-margin-r-2 lrv-u-width-300 a-hidden@desktop-xl-max';
8
+ c_lazy_magazine_image.c_lazy_image_src_url =
9
+ 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg';
10
+ c_lazy_magazine_image.c_lazy_image_placeholder_url =
11
+ 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg';
9
12
  c_lazy_magazine_image.c_lazy_image_crop_class = '';
10
13
  c_lazy_magazine_image.c_lazy_image_link_url = '/subscribe-us/';
11
- c_lazy_magazine_image.c_lazy_image_srcset_attr = 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 240w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 320w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 500w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 640w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 1024w';
14
+ c_lazy_magazine_image.c_lazy_image_srcset_attr =
15
+ 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 240w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 320w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 500w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 640w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 1024w';
12
16
 
13
17
  module.exports = {
14
18
  c_lazy_magazine_image,
15
- };
19
+ };
@@ -3,16 +3,17 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
  const o_nav = clonedeep( require( '../../objects/o-nav/o-nav.prototype' ) );
4
4
 
5
5
  o_nav.o_nav_title_text = 'Footer Menu';
6
- o_nav.o_nav_classes = 'lrv-js-MobileHeightToggle lrv-u-text-align-center@tablet lrv-u-border-a-1@mobile-max lrv-u-border-color-white';
7
- o_nav.o_nav_title_classes = 'lrv-js-MobileHeightToggle-trigger 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@mobile-max lrv-a-icon-after lrv-a-icon-arrow-down lrv-a-icon-after:margin-l-auto lrv-a-icon-after-remove@tablet lrv-a-icon-invert lrv-u-cursor-pointer lrv-u-font-family-primary lrv-u-font-weight-bold lrv-u-font-size-20';
8
- o_nav.o_nav_list_classes += ' lrv-js-MobileHeightToggle-target lrv-u-padding-b-050';
9
- o_nav.o_nav_list_item_classes = 'lrv-u-padding-lr-1 lrv-u-padding-tb-050 lrv-u-font-size-18@mobile-max lrv-u-font-size-12 lrv-u-color-grey-light lrv-u-color-white:hover';
6
+ o_nav.o_nav_classes =
7
+ 'lrv-js-MobileHeightToggle lrv-u-text-align-center@tablet lrv-u-border-a-1@mobile-max lrv-u-border-color-white';
8
+ o_nav.o_nav_title_classes =
9
+ 'lrv-js-MobileHeightToggle-trigger 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@mobile-max lrv-a-icon-after lrv-a-icon-arrow-down lrv-a-icon-after:margin-l-auto lrv-a-icon-after-remove@tablet lrv-a-icon-invert lrv-u-cursor-pointer lrv-u-font-family-primary lrv-u-font-weight-bold lrv-u-font-size-20';
10
+ o_nav.o_nav_list_classes +=
11
+ ' lrv-js-MobileHeightToggle-target lrv-u-padding-b-050';
12
+ o_nav.o_nav_list_item_classes =
13
+ 'lrv-u-padding-lr-1 lrv-u-padding-tb-050 lrv-u-font-size-18@mobile-max lrv-u-font-size-12 lrv-u-color-grey-light lrv-u-color-white:hover';
10
14
 
11
15
  module.exports = {
12
- footer_menu_classes: 'lrv-a-grid lrv-a-cols3@tablet lrv-u-background-color-black lrv-u-color-white',
13
- o_navs: [
14
- o_nav,
15
- o_nav,
16
- o_nav
17
- ]
16
+ footer_menu_classes:
17
+ 'lrv-a-grid lrv-a-cols3@tablet lrv-u-background-color-black lrv-u-color-white',
18
+ o_navs: [ o_nav, o_nav, o_nav ],
18
19
  };
@@ -1,21 +1,30 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const o_email_capture_form_minimal = clonedeep( require( '../../objects/o-email-capture-form/o-email-capture-form.minimal' ) );
4
- const c_title = clonedeep( require( '../../components/c-title/c-title.prototype' ) );
5
- const c_tagline = clonedeep( require( '../../components/c-tagline/c-tagline.prototype' ) );
3
+ const o_email_capture_form_minimal = clonedeep(
4
+ require( '../../objects/o-email-capture-form/o-email-capture-form.minimal' )
5
+ );
6
+ const c_title = clonedeep(
7
+ require( '../../components/c-title/c-title.prototype' )
8
+ );
9
+ const c_tagline = clonedeep(
10
+ require( '../../components/c-tagline/c-tagline.prototype' )
11
+ );
6
12
 
7
13
  c_title.c_title_url = false;
8
14
  c_title.c_title_text = 'Stay In The Know';
9
- c_title.c_title_classes = 'lrv-u-margin-b-025 lrv-u-font-family-primary lrv-u-text-align-center';
15
+ c_title.c_title_classes =
16
+ 'lrv-u-margin-b-025 lrv-u-font-family-primary lrv-u-text-align-center';
10
17
 
11
18
  c_tagline.c_tagline_text = 'Sign up for our daily newsletter';
12
- c_tagline.c_tagline_classes = 'lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic lrv-u-text-align-center';
19
+ c_tagline.c_tagline_classes =
20
+ 'lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic lrv-u-text-align-center';
13
21
 
14
22
  o_email_capture_form_minimal.c_button.c_button_classes += ' lrv-a-icon-invert';
15
23
 
16
24
  module.exports = {
17
- footer_newsletter_classes: 'lrv-u-text-align-center lrv-u-color-white lrv-u-background-color-black lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center',
18
- c_title: c_title,
19
- c_tagline: c_tagline,
20
- o_email_capture_form: o_email_capture_form_minimal
25
+ footer_newsletter_classes:
26
+ 'lrv-u-text-align-center lrv-u-color-white lrv-u-background-color-black lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center',
27
+ c_title,
28
+ c_tagline,
29
+ o_email_capture_form: o_email_capture_form_minimal,
21
30
  };
@@ -2,4 +2,7 @@
2
2
  {% include "@larva/components/c-title/c-title.twig" with c_title %}
3
3
  {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
4
4
  {% include "@larva/objects/o-email-capture-form/o-email-capture-form.twig" with o_email_capture_form %}
5
+ {% if c_tagline_terms %}
6
+ {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline_terms %}
7
+ {% endif %}
5
8
  </section>
@@ -1,36 +1,47 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
3
  const c_icon_prototype = require( '../../components/c-icon/c-icon.prototype' );
4
- const c_title = clonedeep( require( '../../components/c-title/c-title.prototype' ) );
5
- const c_tagline = clonedeep( require( '../../components/c-tagline/c-tagline.prototype' ) );
6
- const o_social_list = clonedeep( require( '../../objects/o-social-list/o-social-list.prototype' ) );
4
+ const c_title = clonedeep(
5
+ require( '../../components/c-title/c-title.prototype' )
6
+ );
7
+ const c_tagline = clonedeep(
8
+ require( '../../components/c-tagline/c-tagline.prototype' )
9
+ );
10
+ const o_social_list = clonedeep(
11
+ require( '../../objects/o-social-list/o-social-list.prototype' )
12
+ );
7
13
 
8
14
  c_title.c_title_url = false;
9
- c_title.c_title_classes = 'lrv-u-margin-b-025 lrv-u-font-family-primary lrv-u-text-align-center';
15
+ c_title.c_title_classes =
16
+ 'lrv-u-margin-b-025 lrv-u-font-family-primary lrv-u-text-align-center';
10
17
  c_title.c_title_text = 'Connect with Us';
11
18
 
12
- c_tagline.c_tagline_classes = 'lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic lrv-u-text-align-center';
13
- c_tagline.c_tagline_text = 'Get our latest stories in the feed of your favorite networks';
19
+ c_tagline.c_tagline_classes =
20
+ 'lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic lrv-u-text-align-center';
21
+ c_tagline.c_tagline_text =
22
+ 'Get our latest stories in the feed of your favorite networks';
14
23
 
15
24
  const social = [ 'instagram', 'pinit', 'twitter', 'facebook', 'youtube' ];
16
25
 
17
26
  // Clear existing icons, update classes
18
27
  o_social_list.o_social_list_icons = [];
19
- o_social_list.o_social_list_classes = 'lrv-a-unstyle-list lrv-u-flex lrv-u-align-items-center lrv-u-justify-content-center';
28
+ o_social_list.o_social_list_classes =
29
+ 'lrv-a-unstyle-list lrv-u-flex lrv-u-align-items-center lrv-u-justify-content-center';
20
30
 
21
-
22
- for (let i = 0; i < social.length; i++) {
23
- let c_icon = clonedeep( c_icon_prototype );
31
+ for ( let i = 0; i < social.length; i++ ) {
32
+ const c_icon = clonedeep( c_icon_prototype );
24
33
  c_icon.c_icon_url = '#';
25
- c_icon.c_icon_name = social[i];
26
- c_icon.c_icon_link_classes += ' lrv-u-display-block lrv-u-border-radius-50p lrv-u-color-grey lrv-u-margin-lr-050 lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-color-grey-dark:hover';
34
+ c_icon.c_icon_name = social[ i ];
35
+ c_icon.c_icon_link_classes +=
36
+ ' lrv-u-display-block lrv-u-border-radius-50p lrv-u-color-grey lrv-u-margin-lr-050 lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-color-grey-dark:hover';
27
37
 
28
38
  o_social_list.o_social_list_icons.push( c_icon );
29
39
  }
30
40
 
31
41
  module.exports = {
32
- footer_social_classes: 'lrv-u-text-align-center lrv-u-color-white lrv-u-background-color-black',
33
- c_title: c_title,
34
- c_tagline: c_tagline,
35
- o_social_list: o_social_list
42
+ footer_social_classes:
43
+ 'lrv-u-text-align-center lrv-u-color-white lrv-u-background-color-black',
44
+ c_title,
45
+ c_tagline,
46
+ o_social_list,
36
47
  };
@@ -1,5 +1,13 @@
1
1
  <section class="footer-social // {{ footer_social_classes }}">
2
- {% include "@larva/components/c-title/c-title.twig" with c_title %}
3
- {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
4
- {% include "@larva/objects/o-social-list/o-social-list.twig" with o_social_list %}
2
+ {% if c_title %}
3
+ {% include "@larva/components/c-title/c-title.twig" with c_title %}
4
+ {% endif %}
5
+
6
+ {% if c_tagline %}
7
+ {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
8
+ {% endif %}
9
+
10
+ {% if o_social_list %}
11
+ {% include "@larva/objects/o-social-list/o-social-list.twig" with o_social_list %}
12
+ {% endif %}
5
13
  </section>
@@ -1,23 +1,34 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const c_button = clonedeep( require( '../../components/c-button/c-button.stripped' ) );
4
- const c_title = clonedeep( require( '../../components/c-title/c-title.prototype' ) );
5
- const c_tagline = clonedeep( require( '../../components/c-tagline/c-tagline.prototype' ) );
3
+ const c_button = clonedeep(
4
+ require( '../../components/c-button/c-button.stripped' )
5
+ );
6
+ const c_title = clonedeep(
7
+ require( '../../components/c-title/c-title.prototype' )
8
+ );
9
+ const c_tagline = clonedeep(
10
+ require( '../../components/c-tagline/c-tagline.prototype' )
11
+ );
6
12
 
7
- c_button.c_button_classes += 'lrv-u-color-white lrv-u-color-grey-light:hover lrv-u-background-color-black lrv-u-font-size-12 lrv-u-font-weight-bold lrv-u-text-transform-uppercase lrv-a-icon-after lrv-a-icon-arrow-right lrv-a-icon-invert';
13
+ c_button.c_button_classes +=
14
+ 'lrv-u-color-white lrv-u-color-grey-light:hover lrv-u-background-color-black lrv-u-font-size-12 lrv-u-font-weight-bold lrv-u-text-transform-uppercase lrv-a-icon-after lrv-a-icon-arrow-right lrv-a-icon-invert';
8
15
  c_button.c_button_text = 'Send Us a Tip';
9
16
  c_button.c_button_url = 'https://google.com';
10
- c_button.c_button_inner_classes = 'lrv-u-color-white lrv-u-color-grey-light:hover';
17
+ c_button.c_button_inner_classes =
18
+ 'lrv-u-color-white lrv-u-color-grey-light:hover';
11
19
 
12
20
  c_title.c_title_classes = 'lrv-u-margin-b-025 lrv-u-font-family-primary';
13
21
  c_title.c_title_text = 'Have a Tip?';
14
22
 
15
- c_tagline.c_tagline_classes = 'lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic';
16
- c_tagline.c_tagline_text = 'We want to hear from you! Send us a tip using our anonymous form.';
23
+ c_tagline.c_tagline_classes =
24
+ 'lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic';
25
+ c_tagline.c_tagline_text =
26
+ 'We want to hear from you! Send us a tip using our anonymous form.';
17
27
 
18
28
  module.exports = {
19
- footer_tip_classes: 'lrv-u-text-align-center lrv-u-color-white lrv-u-background-color-black',
20
- c_title: c_title,
21
- c_tagline: c_tagline,
22
- c_button: c_button
29
+ footer_tip_classes:
30
+ 'lrv-u-text-align-center lrv-u-color-white lrv-u-background-color-black',
31
+ c_title,
32
+ c_tagline,
33
+ c_button,
23
34
  };