@penskemediacorp/larva-patterns 1.1.0 → 1.1.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.
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
|
|
3
|
+
const story_card = clonedeep( require( '@penskemediacorp/larva-patterns/modules/story/story.vertical' ) );
|
|
4
|
+
const c_heading = clonedeep( require('@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype') );
|
|
5
|
+
const c_lazy_image = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-lazy-image/c-lazy-image.prototype.js' ) );
|
|
6
|
+
|
|
7
|
+
c_heading.c_heading_classes += ' a-font-theme-primary-s lrv-u-font-size-32@desktop lrv-u-font-size-28 lrv-u-line-height-small lrv-u-text-transform-uppercase lrv-u-line-height-small';
|
|
8
|
+
|
|
9
|
+
heading_1 = clonedeep( c_heading );
|
|
10
|
+
heading_2 = clonedeep( c_heading );
|
|
11
|
+
|
|
12
|
+
heading_1.c_heading_text = 'Rolling Stone';
|
|
13
|
+
heading_1.c_heading_classes += ' lrv-u-color-brand-primary';
|
|
14
|
+
|
|
15
|
+
heading_2.c_heading_text = 'Reports';
|
|
16
|
+
|
|
17
|
+
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-5x1';
|
|
18
|
+
|
|
19
|
+
story_card.story_classes += ' lrv-u-padding-lr-2@desktop-xl lrv-u-padding-lr-1@desktop lrv-u-padding-tb-125@mobile-max lrv-u-flex-basis-100p';
|
|
20
|
+
story_card.c_dek.c_dek_classes = 'lrv-a-font-body-s lrv-a-hidden@mobile-max lrv-u-margin-a-00';
|
|
21
|
+
story_card.c_title.c_title_classes = 'lrv-a-font-primary-xs lrv-u-display-block lrv-u-margin-b-050 ';
|
|
22
|
+
story_card.c_title.c_title_link_classes += ' lrv-a-truncate-ellipsis-5line';
|
|
23
|
+
story_card.story_grid_secondary_classes = 'lrv-a-span2';
|
|
24
|
+
story_card.story_links_classes += ' lrv-u-margin-tb-00@desktop lrv-u-margin-tb-00@mobile-max lrv-u-margin-t-1@desktop';
|
|
25
|
+
story_card.story_nav_classes = 'lrv-a-font-secondary-m';
|
|
26
|
+
story_card.story_grid_classes = 'lrv-u-flex lrv-u-flex-direction-column@desktop';
|
|
27
|
+
story_card.story_grid_primary_classes = 'lrv-u-flex-basis-50p@mobile-max lrv-u-margin-r-1@mobile-max';
|
|
28
|
+
story_card.story_grid_secondary_classes = 'lrv-u-flex-basis-50p@mobile-max';
|
|
29
|
+
story_card.c_span = false;
|
|
30
|
+
story_card.c_dek = false;
|
|
31
|
+
story_card.c_tagline_author = false;
|
|
32
|
+
story_card.c_timestamp = false;
|
|
33
|
+
story_card.c_link_bottom = false;
|
|
34
|
+
|
|
35
|
+
const special_coverage_items = [ story_card, story_card, story_card, story_card ];
|
|
36
|
+
|
|
37
|
+
module.exports = {
|
|
38
|
+
special_coverage_wrapper_classes: 'lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-padding-lr-150@mobile-max',
|
|
39
|
+
special_coverage_banner_classes: 'lrv-u-margin-r-2@desktop lrv-u-padding-tb-1 lrv-u-padding-tb-2@desktop lrv-u-flex-basis-15p@desktop',
|
|
40
|
+
special_coverage_items_classes: ' lrv-u-flex lrv-a-children-border-horizontal@desktop lrv-a-children-border-vertical@mobile-max lrv-u-flex-direction-column@mobile-max lrv-u-flex-basis-85p@desktop',
|
|
41
|
+
special_coverage_heading_classes: 'lrv-u-padding-b-150@desktop lrv-u-padding-b-125@mobile-max lrv-u-border-b-1',
|
|
42
|
+
special_coverage_logo_classes: 'lrv-u-padding-t-150@desktop lrv-u-padding-t-125@mobile-max',
|
|
43
|
+
heading_1,
|
|
44
|
+
heading_2,
|
|
45
|
+
c_lazy_image,
|
|
46
|
+
special_coverage_items,
|
|
47
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<div class="special-coverage {{ special_coverage_classes }}">
|
|
2
|
+
<div class="{{ special_coverage_wrapper_classes }}">
|
|
3
|
+
<div class="{{ special_coverage_banner_classes }}">
|
|
4
|
+
{% if special_coverage_heading_classes %}
|
|
5
|
+
<div class="special-coverage-heading {{ special_coverage_heading_classes }}">
|
|
6
|
+
{% if heading_1 %}
|
|
7
|
+
{% include "@larva/components/c-heading/c-heading.twig" with heading_1 %}
|
|
8
|
+
{% endif %}
|
|
9
|
+
{% if heading_2 %}
|
|
10
|
+
{% include "@larva/components/c-heading/c-heading.twig" with heading_2 %}
|
|
11
|
+
{% endif %}
|
|
12
|
+
</div>
|
|
13
|
+
{% endif %}
|
|
14
|
+
{% if c_lazy_image %}
|
|
15
|
+
<div class="special-coverage-logo {{ special_coverage_logo_classes }}">
|
|
16
|
+
{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
|
|
17
|
+
</div>
|
|
18
|
+
{% endif %}
|
|
19
|
+
</div>
|
|
20
|
+
<div class="{{ special_coverage_items_classes }}">
|
|
21
|
+
{% for item in special_coverage_items %}
|
|
22
|
+
{% include "@larva/modules/story/story.twig" with item %}
|
|
23
|
+
{% endfor %}
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
{% if c_span %}
|
|
27
|
+
{% include "@larva/components/c-span/c-span.twig" with c_span %}
|
|
28
|
+
{% endif %}
|
|
29
|
+
<div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-patterns",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.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.1.
|
|
23
|
+
"@penskemediacorp/larva-css": "^1.1.1",
|
|
24
24
|
"@penskemediacorp/larva-js": "^1.0.0",
|
|
25
25
|
"@penskemediacorp/larva-svg": "^1.0.0",
|
|
26
26
|
"lodash.clonedeep": "^4.5.0"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "46fc5cca6579a5495b8bc5e60b51c07075f94a2f"
|
|
29
29
|
}
|