@penskemediacorp/larva-patterns 1.35.0 → 1.36.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.
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
|
|
3
|
+
const c_title = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype.js' ) );
|
|
4
|
+
const c_dek = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype.js' ) );
|
|
5
|
+
const story_card = clonedeep( require( '@penskemediacorp/larva-patterns/modules/story/story.prototype.js' ) );
|
|
6
|
+
|
|
7
|
+
c_title.c_title_classes = 'lrv-a-font-primary-l lrv-u-color-black';
|
|
8
|
+
c_title.c_title_text = 'How We Test Products';
|
|
9
|
+
c_title.c_title_url = false;
|
|
10
|
+
|
|
11
|
+
c_dek.c_dek_classes = 'lrv-a-font-secondary-l';
|
|
12
|
+
c_dek.c_dek_markup = 'Our journalists test hundreds of products every year for readers. We’ve developed a rigorous system for reviewing products objectively. Learn More ⇢.'
|
|
13
|
+
c_dek.c_dek_text = false;
|
|
14
|
+
|
|
15
|
+
story_card.c_span = false;
|
|
16
|
+
story_card.c_title.c_title_url = false;
|
|
17
|
+
story_card.c_title.c_title_classes = 'lrv-a-font-secondary-xl lrv-u-margin-b-050';
|
|
18
|
+
story_card.c_title.c_title_text = '500+';
|
|
19
|
+
story_card.c_timestamp = false;
|
|
20
|
+
story_card.c_tagline_author = false;
|
|
21
|
+
|
|
22
|
+
story_card.c_dek.c_dek_text = 'Products Tested';
|
|
23
|
+
story_card.c_dek.c_dek_classes = 'lrv-u-margin-tb-00 lrv-u-font-family-primary lrv-u-font-size-16 lrv-u-color-brand-secondary';
|
|
24
|
+
story_card.c_dek.c_dek_markup = false;
|
|
25
|
+
|
|
26
|
+
story_card.story_classes = 'lrv-u-width-50p@mobile-max lrv-u-border-color-grey-light lrv-u-padding-tb-125@mobile-max lrv-u-width-75p@tablet lrv-u-margin-lr-auto';
|
|
27
|
+
story_card.story_grid_classes = 'lrv-u-flex lrv-u-flex-direction-column lrv-u-height-100p lrv-u-justify-content-space-between';
|
|
28
|
+
|
|
29
|
+
story_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-margin-lr-auto';
|
|
30
|
+
story_card.c_lazy_image.c_lazy_image_crop_class = '';
|
|
31
|
+
story_card.c_lazy_image.c_lazy_image_img_classes = '';
|
|
32
|
+
story_card.c_lazy_image.c_lazy_image_placeholder_url = 'https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg';
|
|
33
|
+
|
|
34
|
+
how_we_test_products_items = [
|
|
35
|
+
story_card,
|
|
36
|
+
story_card,
|
|
37
|
+
story_card,
|
|
38
|
+
story_card,
|
|
39
|
+
];
|
|
40
|
+
|
|
41
|
+
module.exports = {
|
|
42
|
+
how_we_test_products_classes: 'lrv-u-text-align-center lrv-u-background-color-grey-lightest lrv-u-margin-tb-2',
|
|
43
|
+
how_we_test_products_outer_classes: 'lrv-u-width-75p@tablet lrv-u-margin-lr-auto lrv-u-padding-a-2',
|
|
44
|
+
how_we_test_products_banner_classes: '',
|
|
45
|
+
how_we_test_products_title_classes: '',
|
|
46
|
+
how_we_test_products_items_classes: 'lrv-u-flex lrv-u-flex-wrap-wrap@mobile-max',
|
|
47
|
+
how_we_test_products_items: how_we_test_products_items,
|
|
48
|
+
c_title: c_title,
|
|
49
|
+
c_dek: c_dek
|
|
50
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<div class="how-we-test-products // {{ how_we_test_products_classes }}">
|
|
2
|
+
<div class="how-we-test-products-outer // {{ how_we_test_products_outer_classes }}">
|
|
3
|
+
<div class="{{ how_we_test_products_banner_classes }}">
|
|
4
|
+
<div class="how-we-test-products-title {{ how_we_test_products_title_classes }}">
|
|
5
|
+
{% if c_title %}
|
|
6
|
+
{% include "@larva/components/c-title/c-title.twig" with c_title %}
|
|
7
|
+
{% endif %}
|
|
8
|
+
{% if c_dek %}
|
|
9
|
+
{% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
|
|
10
|
+
{% endif %}
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="how-we-test-product-items-outer // {{ how_we_test_products_items_classes }}">
|
|
14
|
+
{% for item in how_we_test_products_items %}
|
|
15
|
+
{% include "@larva/modules/story/story.twig" with item %}
|
|
16
|
+
{% endfor %}
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
<div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-patterns",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.36.0",
|
|
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.36.0",
|
|
24
|
+
"@penskemediacorp/larva-js": "^1.36.0",
|
|
25
25
|
"@penskemediacorp/larva-svg": "^1.28.0",
|
|
26
26
|
"lodash.clonedeep": "^4.5.0"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "af91f6d9a672911cb09d93df2de9e16494d719ee"
|
|
29
29
|
}
|