@penskemediacorp/larva-patterns 1.38.1 → 1.39.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/modules/multiple-products/multiple-products.prototype.js +20 -0
- package/modules/multiple-products/multiple-products.twig +14 -0
- package/objects/o-multiple-product-item/o-multiple-product-item.prototype.js +18 -0
- package/objects/o-multiple-product-item/o-multiple-product-item.twig +25 -0
- package/package.json +4 -4
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
|
|
3
|
+
const c_title = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' ) );
|
|
4
|
+
const multiple_products_item = clonedeep(
|
|
5
|
+
require( '@penskemediacorp/larva-patterns/objects/o-multiple-product-item/o-multiple-product-item.prototype' )
|
|
6
|
+
);
|
|
7
|
+
|
|
8
|
+
c_title.c_title_classes = 'lrv-u-text-align-center lrv-u-padding-tb-075 lrv-u-border-t-1 lrv-u-border-b-1 lrv-u-font-size-28';
|
|
9
|
+
c_title.c_title_text = 'Our Top Picks';
|
|
10
|
+
|
|
11
|
+
const multiple_products_items = [
|
|
12
|
+
multiple_products_item,
|
|
13
|
+
multiple_products_item,
|
|
14
|
+
multiple_products_item,
|
|
15
|
+
];
|
|
16
|
+
|
|
17
|
+
module.exports = {
|
|
18
|
+
c_title,
|
|
19
|
+
multiple_products_items,
|
|
20
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<div class="multiple-products // {{ multiple_products_classes }}">
|
|
2
|
+
<div class="{{ multiple_products_wrapper_classes }}">
|
|
3
|
+
<div class="multiple-products-title {{ multiple_products_title_classes }}">
|
|
4
|
+
{% if c_title %}
|
|
5
|
+
{% include "@larva/components/c-title/c-title.twig" with c_title %}
|
|
6
|
+
{% endif %}
|
|
7
|
+
</div>
|
|
8
|
+
<div class="multiple-products-data-wrapper {{ multiple_products_data_wrapper_classes }}">
|
|
9
|
+
{% for item in multiple_products_items %}
|
|
10
|
+
{% include "@larva/objects/o-multiple-product-item/o-multiple-product-item.twig" with item %}
|
|
11
|
+
{% endfor %}
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
|
|
3
|
+
const c_lazy_image = clonedeep( require( '../../components/c-lazy-image/c-lazy-image.prototype' ) );
|
|
4
|
+
const article_kicker = clonedeep( require( '../../modules/article-kicker/article-kicker.prototype' ) );
|
|
5
|
+
const c_title = clonedeep( require( '../../components/c-title/c-title.prototype' ) );
|
|
6
|
+
const c_link = clonedeep( require( '../../components/c-link/c-link.prototype' ) );
|
|
7
|
+
const c_button = clonedeep( require( '../../components/c-button/c-button.prototype' ) );
|
|
8
|
+
|
|
9
|
+
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
10
|
+
|
|
11
|
+
module.exports = {
|
|
12
|
+
modifier_class: '',
|
|
13
|
+
c_lazy_image,
|
|
14
|
+
article_kicker,
|
|
15
|
+
c_title,
|
|
16
|
+
c_link,
|
|
17
|
+
c_button,
|
|
18
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<div class="o-multiple-products-item {{ modifier_class }} {{ o_multiple_products_item_classes }}">
|
|
2
|
+
<div class="o-multiple-products-item-title-wrapper">
|
|
3
|
+
{% if c_lazy_image %}
|
|
4
|
+
{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
|
|
5
|
+
{% endif %}
|
|
6
|
+
{% if article_kicker %}
|
|
7
|
+
<div class="article_kicker_outer // {{ article_kicker_outer_classes }}">
|
|
8
|
+
{% include "@larva/modules/article-kicker/article-kicker.twig" with article_kicker %}
|
|
9
|
+
</div>
|
|
10
|
+
{% endif %}
|
|
11
|
+
{% if c_title %}
|
|
12
|
+
{% include "@larva/components/c-title/c-title.twig" with c_title %}
|
|
13
|
+
{% endif %}
|
|
14
|
+
</div>
|
|
15
|
+
<div class="o-multiple-products-item-jump-to-link">
|
|
16
|
+
{% if c_link %}
|
|
17
|
+
{% include "@larva/components/c-link/c-link.twig" with c_link %}
|
|
18
|
+
{% endif %}
|
|
19
|
+
</div>
|
|
20
|
+
<div class="o-multiple-products-item-button-wrapper">
|
|
21
|
+
{% if c_button %}
|
|
22
|
+
{% include "@larva/components/c-button/c-button.twig" with c_button %}
|
|
23
|
+
{% endif %}
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-patterns",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.39.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.39.0",
|
|
24
|
+
"@penskemediacorp/larva-js": "^1.39.0",
|
|
25
25
|
"@penskemediacorp/larva-svg": "^1.28.0",
|
|
26
26
|
"lodash.clonedeep": "^4.5.0"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "4f29c68cda585edb329c69338796686114873655"
|
|
29
29
|
}
|