@penskemediacorp/larva-patterns 1.6.1 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/modules/author-blurb/author-blurb.prototype.js +56 -0
- package/modules/author-blurb/author-blurb.twig +27 -0
- package/modules/content-showcase/content-showcase.prototype.js +6 -5
- package/modules/content-showcase/content-showcase.the-moth.js +8 -6
- package/modules/secondary-stories/secondary-stories.prototype.js +17 -17
- package/package.json +4 -4
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
|
|
3
|
+
const c_lazy_image_prototype = require( '../../components/c-lazy-image/c-lazy-image.prototype' );
|
|
4
|
+
const c_heading_prototype = require( '../../components/c-heading/c-heading.prototype' );
|
|
5
|
+
const c_title_prototype = require( '../../components/c-title/c-title.prototype' );
|
|
6
|
+
const c_tagline_prototype = require( '../../components/c-tagline/c-tagline.prototype' );
|
|
7
|
+
const o_social_list_prototype = require( '../../objects/o-social-list/o-social-list.prototype' );
|
|
8
|
+
const c_icon_prototype = require( '../../components/c-icon/c-icon.prototype' );
|
|
9
|
+
|
|
10
|
+
const c_lazy_image = clonedeep( c_lazy_image_prototype );
|
|
11
|
+
const c_heading = clonedeep( c_heading_prototype );
|
|
12
|
+
const c_title = clonedeep( c_title_prototype );
|
|
13
|
+
const c_tagline = clonedeep( c_tagline_prototype );
|
|
14
|
+
const o_social_list = clonedeep( o_social_list_prototype );
|
|
15
|
+
|
|
16
|
+
c_lazy_image.c_lazy_image_classes += ' lrv-u-width-200';
|
|
17
|
+
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
18
|
+
|
|
19
|
+
c_heading.c_heading_classes = ' lrv-u-font-family-secondary lrv-u-font-size-36@desktop lrv-u-font-weight-bold';
|
|
20
|
+
c_heading.c_heading_text = 'Mike Fleming Jr';
|
|
21
|
+
|
|
22
|
+
c_title.c_title_classes = '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
|
+
c_title.c_title_text = 'Co-Editor-in-Chief, Film';
|
|
24
|
+
c_title.c_title_url = false;
|
|
25
|
+
|
|
26
|
+
c_tagline.c_tagline_classes += ' 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 ';
|
|
27
|
+
c_tagline.c_tagline_text = '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
|
+
|
|
29
|
+
o_social_list.o_social_list_classes += ' lrv-u-flex';
|
|
30
|
+
|
|
31
|
+
const social = [ 'instagram', 'twitter', 'facebook', 'youtube' ];
|
|
32
|
+
const o_social_list_icons = [];
|
|
33
|
+
|
|
34
|
+
for ( let i = 0; i < social.length; i++ ) {
|
|
35
|
+
let c_icon = clonedeep( c_icon_prototype );
|
|
36
|
+
|
|
37
|
+
c_icon.c_icon_name = social[i];
|
|
38
|
+
c_icon.c_icon_link_classes += ' 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
|
+
c_icon.c_icon_url = '#';
|
|
40
|
+
|
|
41
|
+
o_social_list_icons.push( c_icon );
|
|
42
|
+
}
|
|
43
|
+
o_social_list.o_social_list_icons = o_social_list_icons;
|
|
44
|
+
|
|
45
|
+
module.exports = {
|
|
46
|
+
c_lazy_image: c_lazy_image,
|
|
47
|
+
c_heading: c_heading,
|
|
48
|
+
c_title: c_title,
|
|
49
|
+
o_social_list: o_social_list,
|
|
50
|
+
c_tagline: c_tagline,
|
|
51
|
+
author_blurb_classes: 'lrv-u-margin-b-2 lrv-u-flex lrv-u-flex-wrap-wrap',
|
|
52
|
+
author_blurb_image_classes: 'lrv-u-margin-r-1',
|
|
53
|
+
author_blurb_details_classes: '',
|
|
54
|
+
author_blurb_text_classes: '',
|
|
55
|
+
};
|
|
56
|
+
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<section class="author-blurb // {{ author_blurb_classes }} ">
|
|
2
|
+
{% if c_lazy_image %}
|
|
3
|
+
<div class="author-blurb-grid__image // {{ author_blurb_image_classes }} ">
|
|
4
|
+
{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
|
|
5
|
+
</div>
|
|
6
|
+
{% endif %}
|
|
7
|
+
|
|
8
|
+
<div class="author-blurb-grid__details // {{ author_blurb_details_classes }} ">
|
|
9
|
+
{% if c_heading %}
|
|
10
|
+
{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
|
|
11
|
+
{% endif %}
|
|
12
|
+
|
|
13
|
+
{% if c_title %}
|
|
14
|
+
{% include "@larva/components/c-title/c-title.twig" with c_title %}
|
|
15
|
+
{% endif %}
|
|
16
|
+
|
|
17
|
+
{% if o_social_list %}
|
|
18
|
+
{% include "@larva/objects/o-social-list/o-social-list.twig" with o_social_list %}
|
|
19
|
+
{% endif %}
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
{% if c_tagline %}
|
|
23
|
+
<div class="author-blurb-grid__text // {{ author_blurb_text_classes }} ">
|
|
24
|
+
{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
|
|
25
|
+
</div>
|
|
26
|
+
{% endif %}
|
|
27
|
+
</section>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
3
|
const o_card = clonedeep( require( '@penskemediacorp/larva-patterns/objects/o-card/o-card.prototype' ) );
|
|
4
|
-
const
|
|
4
|
+
const article_kicker = clonedeep( require( '../article-kicker/article-kicker.prototype' ) );
|
|
5
5
|
|
|
6
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';
|
|
7
7
|
o_card.o_card_link_classes = 'lrv-u-flex';
|
|
@@ -10,19 +10,20 @@ o_card.o_card_image_wrap_classes = 'lrv-u-flex-basis-40p@desktop lrv-u-flex-basi
|
|
|
10
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';
|
|
11
11
|
|
|
12
12
|
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';
|
|
13
|
+
o_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-margin-l-auto lrv-u-width-100';
|
|
14
14
|
o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
15
|
+
o_card.article_kicker = article_kicker;
|
|
16
|
+
o_card.article_kicker.article_kicker_text = 'Article Kicker';
|
|
15
17
|
|
|
16
18
|
o_card.o_span_group = false;
|
|
17
19
|
o_card.c_span = false;
|
|
18
20
|
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.';
|
|
22
|
+
o_card.c_title.c_title_classes = 'lrv-u-font-weight-normal lrv-u-margin-tb-1';
|
|
19
23
|
o_card.c_timestamp = false;
|
|
20
24
|
o_card.c_tagline = false;
|
|
21
25
|
o_card.o_author = false;
|
|
22
26
|
|
|
23
|
-
o_card.c_dek = c_dek;
|
|
24
|
-
o_card.c_dek.c_dek_text = 'Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.';
|
|
25
|
-
|
|
26
27
|
module.exports = {
|
|
27
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',
|
|
28
29
|
content_showcase_items: [ o_card, o_card, o_card ]
|
|
@@ -2,9 +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
|
|
5
|
+
const article_kicker = clonedeep( require( '../article-kicker/article-kicker.prototype' ) );
|
|
6
6
|
|
|
7
|
-
o_card.c_dek =
|
|
7
|
+
o_card.c_dek = false;
|
|
8
8
|
o_card.c_span = false;
|
|
9
9
|
o_card.c_timestamp = false;
|
|
10
10
|
o_card.c_tagline = false;
|
|
@@ -16,12 +16,14 @@ o_card.o_card_link_url = '#';
|
|
|
16
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';
|
|
17
17
|
o_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-width-100';
|
|
18
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';
|
|
19
|
-
o_card.c_title.c_title_text = '
|
|
20
|
-
o_card.c_title.c_title_classes = 'lrv-
|
|
19
|
+
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
21
|
o_card.c_title.c_title_link_classes = 'lrv-u-color-black lrv-u-color-brand-secondary-dark:hover';
|
|
22
|
-
o_card.c_dek.c_dek_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';
|
|
23
|
-
o_card.c_dek.c_dek_text = 'Canceling Noodle The Pug';
|
|
24
22
|
o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
23
|
+
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';
|
|
25
|
+
o_card.article_kicker.article_kicker_link_classes = 'lrv-u-color-black';
|
|
26
|
+
|
|
25
27
|
|
|
26
28
|
content_showcase.content_showcase_classes = 'the-moth lrv-u-border-t-1 lrv-u-font-family-body lrv-a-glue-parent';
|
|
27
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';
|
|
@@ -4,7 +4,7 @@ const o_card_prototype = require('@penskemediacorp/larva-patterns/objects/o-card
|
|
|
4
4
|
|
|
5
5
|
const o_author = clonedeep(require('@penskemediacorp/larva-patterns/objects/o-author/o-author.prototype'));
|
|
6
6
|
o_author.c_span.c_span_classes = '';
|
|
7
|
-
o_author.o_author_classes = 'lrv-u-text-transform-uppercase';
|
|
7
|
+
o_author.o_author_classes = 'lrv-u-text-transform-uppercase';
|
|
8
8
|
o_author.o_author_text= 'By ';
|
|
9
9
|
o_author.c_timestamp= false;
|
|
10
10
|
o_author.c_span.c_span_link_classes = 'lrv-a-unstyle-link';
|
|
@@ -34,40 +34,40 @@ o_card_1.article_kicker.article_kicker_classes += ' lrv-a-font-basic-l';
|
|
|
34
34
|
o_card_1.c_title.c_title_classes = 'lrv-a-font-primary-xl lrv-u-padding-t-150@mobile-max lrv-u-padding-b-1@mobile-max lrv-u-padding-t-050@tablet lrv-u-padding-b-075@tablet';
|
|
35
35
|
o_card_1.o_author.o_author_classes = 'lrv-a-font-body-s lrv-u-text-transform-uppercase lrv-u-color-black';
|
|
36
36
|
o_card_1.o_card_classes = 'lrv-u-flex@tablet lrv-u-flex-direction-column@desktop-xl';
|
|
37
|
-
o_card_1.o_card_image_wrap_classes = 'lrv-u-flex-basis-100p
|
|
38
|
-
o_card_1.o_card_content_classes = 'lrv-u-align-items-start lrv-u-flex lrv-u-flex-basis-100p
|
|
37
|
+
o_card_1.o_card_image_wrap_classes = 'lrv-u-flex-basis-100p lrv-u-margin-r-175@tablet lrv-u-margin-r-00@desktop-xl';
|
|
38
|
+
o_card_1.o_card_content_classes = 'lrv-u-align-items-start lrv-u-flex lrv-u-flex-basis-100p lrv-u-flex-direction-column lrv-u-padding-l-150@mobile-max lrv-u-padding-r-150@mobile-max';
|
|
39
39
|
o_card_1.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
|
|
40
40
|
|
|
41
41
|
const o_card_2 = clonedeep(o_card_prototype);
|
|
42
|
-
|
|
42
|
+
|
|
43
43
|
o_card_2.article_kicker.article_kicker_text = 'AMERICAN MILITIA';
|
|
44
44
|
o_card_2.c_title.c_title_text = 'Meet the Oath Keeper on the NRA’s Board of Directors';
|
|
45
45
|
o_card_2.c_dek.c_dek_text = ' Links between the notorious militia and the gun lobby run deep';
|
|
46
|
-
o_card_2.c_dek.c_dek_classes = 'lrv-u-margin-tb-075@desktop-xl lrv-a-hidden@desktop-xl-max lrv-a-font-body-l lrv-a-truncate-ellipsis-5line';
|
|
46
|
+
o_card_2.c_dek.c_dek_classes = 'lrv-u-margin-tb-075@desktop-xl lrv-a-hidden@desktop-max lrv-a-hidden@desktop-xl-max lrv-a-font-body-l lrv-a-truncate-ellipsis-5line';
|
|
47
47
|
o_card_2.article_kicker.article_kicker_classes += ' lrv-a-font-basic-xs ';
|
|
48
48
|
o_card_2.article_kicker_outer_classes = 'lrv-u-padding-b-075 lrv-u-padding-b-125@desktop-xl lrv-u-padding-t-1@desktop-xl';
|
|
49
49
|
o_card_2.c_title.c_title_classes = 'lrv-u-padding-b-075@mobile-max lrv-a-font-primary-m lrv-u-padding-t-125@mobile-max';
|
|
50
50
|
o_card_2.o_author.o_author_classes = 'lrv-a-font-body-xs lrv-u-text-transform-uppercase lrv-u-color-black';
|
|
51
|
-
o_card_2.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1@
|
|
51
|
+
o_card_2.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1@tablet lrv-a-crop-3x2@desktop-xl lrv-a-crop-3x2@mobile-max';
|
|
52
52
|
o_card_2.c_lazy_image.c_lazy_image_classes = 'lrv-u-width-100p';
|
|
53
53
|
o_card_2.o_card_classes ='lrv-u-margin-l-00@desktop-xl lrv-u-flex-basis-100p lrv-u-flex-direction-column@desktop-xl lrv-a-space-children--1 lrv-a-space-children--0@desktop-xl lrv-u-border-t-1@mobile-max lrv-u-padding-t-2@mobile-max lrv-a-space-children-horizontal@tablet lrv-u-flex@tablet';
|
|
54
54
|
o_card_2.o_card_content_classes = 'lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column lrv-u-padding-b-150@mobile-max lrv-u-padding-t-1@mobile-max';
|
|
55
55
|
|
|
56
56
|
const o_card_3 = clonedeep(o_card_prototype);
|
|
57
|
-
|
|
57
|
+
|
|
58
58
|
o_card_3.article_kicker.article_kicker_text = 'YACHT ROCK';
|
|
59
59
|
o_card_3.c_title.c_title_text = 'Welcome to Jenny Lewis’ Yacht-Rock Era. It’s Nice Here';
|
|
60
60
|
o_card_3.c_dek.c_dek_text = '“Puppy and a Truck” is all about the unconditional love that only a dog and a vehicle can provide';
|
|
61
|
-
o_card_3.c_dek.c_dek_classes = 'lrv-u-margin-tb-075@desktop-xl lrv-a-hidden@desktop-xl-max lrv-a-font-body-l lrv-a-truncate-ellipsis-5line';
|
|
61
|
+
o_card_3.c_dek.c_dek_classes = 'lrv-u-margin-tb-075@desktop-xl lrv-a-hidden@desktop-max lrv-a-hidden@desktop-xl-max lrv-a-font-body-l lrv-a-truncate-ellipsis-5line';
|
|
62
62
|
o_card_3.article_kicker.article_kicker_classes += ' lrv-a-font-basic-xs ';
|
|
63
63
|
o_card_3.article_kicker_outer_classes = 'lrv-u-padding-b-075 lrv-u-padding-b-125@desktop-xl lrv-u-padding-t-1@desktop-xl';
|
|
64
64
|
o_card_3.c_title.c_title_classes = 'lrv-u-padding-b-075@mobile-max lrv-a-font-primary-m lrv-u-padding-t-125@mobile-max';
|
|
65
65
|
o_card_3.o_author.o_author_classes = 'lrv-a-font-body-xs lrv-u-text-transform-uppercase lrv-u-color-black';
|
|
66
|
-
o_card_3.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1@
|
|
66
|
+
o_card_3.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1@tablet lrv-a-crop-3x2@desktop-xl lrv-a-crop-3x2@mobile-max';
|
|
67
67
|
o_card_3.c_lazy_image.c_lazy_image_classes = 'lrv-u-width-100p';
|
|
68
|
-
o_card_3.o_card_classes = 'lrv-a-space-children--1
|
|
68
|
+
o_card_3.o_card_classes = 'lrv-a-space-children--1 lrv-a-space-children--2@desktop-xl lrv-a-space-children-horizontal lrv-u-flex-basis-100p lrv-u-border-t-0@desktop-xl lrv-u-border-t-1@tablet lrv-u-flex-direction-column@desktop-xl lrv-u-flex@tablet lrv-u-margin-t-00@desktop-xl lrv-u-margin-t-150@tablet lrv-u-padding-t-00@desktop-xl lrv-u-padding-t-150@tablet';
|
|
69
69
|
o_card_3.o_card_content_classes = 'lrv-u-margin-l-00@mobile-max lrv-u-margin-l-00@desktop-xl lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column lrv-u-padding-b-150@mobile-max lrv-u-padding-t-1@mobile-max';
|
|
70
|
-
|
|
70
|
+
|
|
71
71
|
const o_card_4 = clonedeep(o_card_prototype);
|
|
72
72
|
|
|
73
73
|
o_card_4.c_dek = false;
|
|
@@ -76,7 +76,7 @@ o_card_4.article_kicker_outer_classes = ' lrv-u-color-brand-primary lrv-u-displa
|
|
|
76
76
|
o_card_4.article_kicker.article_kicker_classes = ' lrv-a-font-primary-m article-kicker lrv-u-display-inline';
|
|
77
77
|
o_card_4.c_title.c_title_classes = 'lrv-a-font-primary-m lrv-u-display-inline';
|
|
78
78
|
o_card_4.c_title.c_title_link_classes = 'lrv-a-unstyle-link lrv-u-color-brand-primary:hover';
|
|
79
|
-
o_card_4.o_author.o_author_classes = ' lrv-u-display-inline lrv-a-font-primary-m lrv-u-color-grey-light';
|
|
79
|
+
o_card_4.o_author.o_author_classes = ' lrv-u-display-inline lrv-a-font-primary-m lrv-u-color-grey-light';
|
|
80
80
|
o_card_4.o_card_content_classes ='';
|
|
81
81
|
o_card_4.o_card_classes = ' lrv-u-flex-basis-40p lrv-u-margin-r-2@tablet lrv-u-border-t-1@mobile-max lrv-u-padding-t-2@mobile-max lrv-u-margin-t-175@desktop-xl lrv-u-padding-t-175@desktop-xl lrv-u-border-t-1@desktop-xl lrv-u-margin-r-00@desktop-xl lrv-u-border-t-1@desktop-xl';
|
|
82
82
|
o_card_4.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
|
|
@@ -99,7 +99,7 @@ o_card_6.c_title.c_title_text = 'Marilyn Manson: The Monster Hiding in Plain Sig
|
|
|
99
99
|
o_card_6.c_dek.c_dek_text = 'He was a provocative media darling for decades. Offstage, exes allege, he was an abuser who made their lives hell. A Rolling Stone investigation based on court documents and more than 55 new interviews';
|
|
100
100
|
o_card_6.c_lazy_image = false;
|
|
101
101
|
o_card_6.c_dek.c_dek_classes = 'lrv-a-font-body-l lrv-a-truncate-ellipsis-5line lrv-u-margin-b-1@desktop-xl lrv-u-margin-t-075@desktop-xl lrv-u-margin-tb-075@mobile-max';
|
|
102
|
-
o_card_6.article_kicker.article_kicker_classes += ' lrv-a-font-basic-l';
|
|
102
|
+
o_card_6.article_kicker.article_kicker_classes += ' lrv-a-font-basic-l';
|
|
103
103
|
o_card_6.article_kicker_outer_classes = 'lrv-u-padding-b-125@desktop-xl';
|
|
104
104
|
o_card_6.c_title.c_title_classes = 'lrv-u-padding-t-1 lrv-a-font-primary-l lrv-u-padding-t-00@desktop-xl';
|
|
105
105
|
o_card_6.o_author.o_author_classes = 'lrv-a-font-body-xs lrv-u-text-transform-uppercase lrv-u-color-black';
|
|
@@ -110,10 +110,10 @@ module.exports = {
|
|
|
110
110
|
stories: [o_card_1, o_card_2, o_card_3, o_card_4, o_card_5, o_card_6],
|
|
111
111
|
secondary_stories_classes:'',
|
|
112
112
|
stories_content_primary_classes:'lrv-u-border-t-6',
|
|
113
|
-
stories_content_primary_inner_classes:'lrv-u-padding-b-150@tablet lrv-u-padding-b-3@desktop-xl lrv-u-margin-b-250@mobile-max lrv-u-padding-t-150@mobile-max lrv-u-padding-t-150
|
|
114
|
-
stories_card_primary_classes:' lrv-u-flex-basis-45p lrv-u-padding-b-150@desktop-xl
|
|
115
|
-
stories_card_secondary_classes:' lrv-u-flex lrv-u-padding-l-150@mobile-max lrv-u-padding-r-150@mobile-max lrv-u-border-t-1@tablet lrv-u-padding-t-00@mobile-max lrv-u-flex-direction-column@mobile-max lrv-u-flex-direction-row-reverse
|
|
116
|
-
stories_card_secondary_inner_classes:' lrv-u-flex-basis-60p lrv-u-padding-t-00@desktop-xl lrv-u-border-t-0@desktop-xl lrv-a-space-children--2@desktop-xl lrv-a-space-children-horizontal@desktop-xl lrv-u-flex lrv-u-flex-direction-column@desktop-xl
|
|
113
|
+
stories_content_primary_inner_classes:'lrv-u-padding-b-150@tablet lrv-u-padding-b-3@desktop-xl lrv-u-margin-b-250@mobile-max lrv-u-padding-t-150@mobile-max lrv-u-padding-t-150 lrv-u-border-t-2 lrv-u-flex lrv-u-margin-t-025 lrv-a-space-children--3@desktop-xl lrv-a-space-children-horizontal lrv-u-flex-direction-column lrv-u-flex-direction-row@desktop-xl lrv-u-padding-t-250@desktop-xl',
|
|
114
|
+
stories_card_primary_classes:' lrv-u-flex-basis-45p lrv-u-padding-b-150 lrv-u-padding-b-00@desktop-xl',
|
|
115
|
+
stories_card_secondary_classes:' lrv-u-flex lrv-u-padding-l-150@mobile-max lrv-u-padding-r-150@mobile-max lrv-u-border-t-1@tablet lrv-u-padding-t-00@mobile-max lrv-u-flex-direction-column@mobile-max lrv-u-flex-direction-row-reverse lrv-u-flex-basis-55p lrv-u-flex-direction-column@desktop-xl lrv-u-padding-t-150 lrv-u-padding-t-00@desktop-xl lrv-u-border-t-0@desktop-xl',
|
|
116
|
+
stories_card_secondary_inner_classes:' lrv-u-flex-basis-60p lrv-u-padding-t-00@desktop-xl lrv-u-border-t-0@desktop-xl lrv-a-space-children--2@desktop-xl lrv-a-space-children-horizontal@desktop-xl lrv-u-flex lrv-u-flex-direction-column lrv-u-flex-direction-row@desktop-xl',
|
|
117
117
|
stories_content_secondary_classes:'lrv-u-border-t-6',
|
|
118
118
|
stories_content_secondary_inner_classes:' lrv-u-padding-t-150@tablet lrv-u-border-t-2 lrv-u-flex@tablet lrv-u-margin-t-025 lrv-u-padding-t-150@mobile-max lrv-u-padding-tb-250@desktop-xl',
|
|
119
119
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-patterns",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.1",
|
|
4
4
|
"description": "Larva markup patterns.",
|
|
5
5
|
"author": "laras126 <laras126@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/Penske-Media-Corp/pmc-larva/tree/master/packages/patterns#readme",
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
"url": "https://github.com/Penske-Media-Corp/pmc-larva/issues"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@penskemediacorp/larva-css": "^1.
|
|
24
|
-
"@penskemediacorp/larva-js": "^1.
|
|
23
|
+
"@penskemediacorp/larva-css": "^1.7.1",
|
|
24
|
+
"@penskemediacorp/larva-js": "^1.7.1",
|
|
25
25
|
"@penskemediacorp/larva-svg": "^1.4.0",
|
|
26
26
|
"lodash.clonedeep": "^4.5.0"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "50a9ce0abcf3a59686bc3749408326040b4f1668"
|
|
29
29
|
}
|