@penskemediacorp/larva-patterns 1.32.0 → 1.33.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,40 @@
|
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
|
|
3
|
+
const c_lazy_image = clonedeep( require( '../../components/c-lazy-image/c-lazy-image.prototype' ) );
|
|
4
|
+
const c_figcaption = clonedeep( require( '../../components/c-figcaption/c-figcaption.prototype' ) );
|
|
5
|
+
const c_title = clonedeep( require( '../../components/c-title/c-title.prototype' ) );
|
|
6
|
+
const c_tagline = clonedeep( require( '../../components/c-tagline/c-tagline.prototype' ) );
|
|
7
|
+
const c_button = clonedeep( require( '../../components/c-button/c-button.prototype' ) );
|
|
8
|
+
const c_dek = clonedeep( require( '../../components/c-dek/c-dek.prototype' ) );
|
|
9
|
+
|
|
10
|
+
c_figcaption.c_figcaption_caption_markup = false;
|
|
11
|
+
c_figcaption.c_figcaption_credit_text_markup = 'Courtesy of Nordic Track';
|
|
12
|
+
c_figcaption.c_figcaption_classes = 'lrv-u-flex lrv-u-justify-content-end lrv-u-margin-t-025 lrv-u-color-grey-dark lrv-u-text-transform-uppercase lrv-a-font-basic-xxs';
|
|
13
|
+
|
|
14
|
+
c_title.c_title_text = 'NordicTrack Commercial S22i Studio Cycle';
|
|
15
|
+
c_title.c_title_classes = 'lrv-a-font-primary-xxl lrv-u-margin-t-1 lrv-u-margin-t-075@mobile-max lrv-a-unstyle-inner-links';
|
|
16
|
+
c_title.c_title_url = '';
|
|
17
|
+
|
|
18
|
+
c_tagline.c_tagline_text = 'Powerful, iFit ready, and priced right!';
|
|
19
|
+
c_tagline.c_tagline_classes = 'lrv-a-font-body-xxl lrv-u-margin-t-125 lrv-u-margin-b-00';
|
|
20
|
+
|
|
21
|
+
c_button.c_button_classes = 'lrv-u-margin-t-125 lrv-a-font-basic-m lrv-a-unstyle-link lrv-u-display-block';
|
|
22
|
+
c_button.c_button_inner_classes = 'lrv-u-border-b-2 lrv-u-border-t-2 lrv-u-border-l-1 lrv-u-border-r-1 lrv-u-padding-tb-050 lrv-u-text-transform-uppercase lrv-a-icon lrv-a-icon-before lrv-u-align-items-start lrv-u-padding-lr-050 lrv-u-background-color-brand-primary:hover';
|
|
23
|
+
c_button.c_button_text = 'Subscribe $65.99';
|
|
24
|
+
c_button.c_button_url = '#';
|
|
25
|
+
|
|
26
|
+
const buy_now_buttons = [ c_button, c_button ];
|
|
27
|
+
|
|
28
|
+
c_dek.c_dek_text = false;
|
|
29
|
+
c_dek.c_dek_markup = 'NordicTrack went a similar route as Bowflex with their S22i cycle.Instead of the regular fixed position, the S22i can adjust for incline (up to 20%) and decline (down to -10%) for a more realistic ride and better muscle engagement. The kicker with this feature is that trainers can digitally adjust your bike’s incline/decline in real-time during a live class. The S22i’s construction is top-quality with a steel frame and a solid 32-pound flywheel. The bike also uses NordicTrack’s SMR Silent Magnetic Resistance system which improves fluidity while making the bike quieter as well. NordicTrack offers both live, studio-like classes as well as a library of on-demand sessions through their iFit membership. You also get off-bike exercises including strength training, meditation and mindfulness sessions with a swivel of the screen. This iFit service has somewhat of a leg up on other brands because you get a whole year free to test it out. The classes, along with a swath of exercise metrics, are shown on a large, crisp 22-inch display. Among these stats is heart rate, which the bike measures via hand pulse sensors or a separate Bluetooth-connected monitor.';
|
|
30
|
+
c_dek.c_dek_classes = 'lrv-u-order-100 lrv-u-margin-t-125 lrv-u-margin-t-2@mobile-max lrv-a-font-body-xxl lrv-u-margin-b-050';
|
|
31
|
+
|
|
32
|
+
module.exports = {
|
|
33
|
+
product_card_wrapper_classes: 'lrv-u-padding-tb-125',
|
|
34
|
+
c_lazy_image,
|
|
35
|
+
c_figcaption,
|
|
36
|
+
c_title,
|
|
37
|
+
c_tagline,
|
|
38
|
+
buy_now_buttons,
|
|
39
|
+
c_dek,
|
|
40
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
<div class="product-card // {{ product_card_classes }}">
|
|
2
|
+
<div class="{{ product_card_wrapper_classes }}">
|
|
3
|
+
<div class="{{ product_card_image_classes }}">
|
|
4
|
+
{% if best_deal_icon %}
|
|
5
|
+
{% include "@larva/components/c-svg/c-svg.twig" with best_deal_icon %}
|
|
6
|
+
{% endif %}
|
|
7
|
+
|
|
8
|
+
{% if c_lazy_image %}
|
|
9
|
+
{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
|
|
10
|
+
{% endif %}
|
|
11
|
+
|
|
12
|
+
{% if c_figcaption %}
|
|
13
|
+
{% include "@larva/components/c-figcaption/c-figcaption.twig" with c_figcaption %}
|
|
14
|
+
{% endif %}
|
|
15
|
+
</div>
|
|
16
|
+
<div class="{{ product_card_details_classes }}">
|
|
17
|
+
{% if article_kicker %}
|
|
18
|
+
{% include "@larva/modules/article-kicker/article-kicker.twig" with article_kicker %}
|
|
19
|
+
{% endif %}
|
|
20
|
+
|
|
21
|
+
{% if c_title %}
|
|
22
|
+
{% include "@larva/components/c-title/c-title.twig" with c_title %}
|
|
23
|
+
{% endif %}
|
|
24
|
+
|
|
25
|
+
{% if c_tagline %}
|
|
26
|
+
{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
|
|
27
|
+
{% endif %}
|
|
28
|
+
|
|
29
|
+
<div class="buy-now-buttons {{ product_card_buy_now_buttons_classes }}">
|
|
30
|
+
{% if buy_now_buttons %}
|
|
31
|
+
{% for c_button in buy_now_buttons %}
|
|
32
|
+
<div class="{{ product_card_buy_now_button_wrapper_classes }}">
|
|
33
|
+
{% if product_card_price_outside %}
|
|
34
|
+
<p class="{{ product_card_price_outside_classes }}">
|
|
35
|
+
{% if c_button['current_price'] %}
|
|
36
|
+
{% include "@larva/components/c-span/c-span.twig" with c_button['current_price'] %}
|
|
37
|
+
{% endif %}
|
|
38
|
+
{% if c_button['original_price'] %}
|
|
39
|
+
{% include "@larva/components/c-span/c-span.twig" with c_button['original_price'] %}
|
|
40
|
+
{% endif %}
|
|
41
|
+
{% if c_button['discount'] %}
|
|
42
|
+
{% include "@larva/components/c-span/c-span.twig" with c_button['discount'] %}
|
|
43
|
+
{% endif %}
|
|
44
|
+
</p>
|
|
45
|
+
{% endif %}
|
|
46
|
+
{% include "@larva/components/c-button/c-button.twig" with c_button %}
|
|
47
|
+
</div>
|
|
48
|
+
{% endfor %}
|
|
49
|
+
{% endif %}
|
|
50
|
+
</div>
|
|
51
|
+
|
|
52
|
+
{% if c_dek %}
|
|
53
|
+
{% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
|
|
54
|
+
{% endif %}
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-patterns",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.33.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.33.0",
|
|
24
|
+
"@penskemediacorp/larva-js": "^1.33.0",
|
|
25
25
|
"@penskemediacorp/larva-svg": "^1.28.0",
|
|
26
26
|
"lodash.clonedeep": "^4.5.0"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "dba52a87b14d01560a5ee54c024e44ef33634f75"
|
|
29
29
|
}
|