@penskemediacorp/larva-patterns 1.0.0 → 1.1.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,31 @@
|
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
|
|
3
|
+
const content_showcase = clonedeep( require( './content-showcase.prototype' ) );
|
|
4
|
+
const o_card = clonedeep( require( '../../objects/o-card/o-card.prototype' ) );
|
|
5
|
+
const c_dek = clonedeep( require( '../../components/c-dek/c-dek.prototype' ) );
|
|
6
|
+
|
|
7
|
+
o_card.c_dek = c_dek;
|
|
8
|
+
o_card.c_span = false;
|
|
9
|
+
o_card.c_timestamp = false;
|
|
10
|
+
o_card.c_tagline = false;
|
|
11
|
+
o_card.o_author = false;
|
|
12
|
+
|
|
13
|
+
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-00@mobile-max lrv-u-flex-shrink-0@mobile-max';
|
|
14
|
+
o_card.o_card_link_classes = 'lrv-u-flex';
|
|
15
|
+
o_card.o_card_link_url = '#';
|
|
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
|
+
o_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-width-100';
|
|
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 = 'Don’t Let This Flop';
|
|
20
|
+
o_card.c_title.c_title_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';
|
|
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
|
+
o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
25
|
+
|
|
26
|
+
content_showcase.content_showcase_classes = 'the-moth lrv-u-border-t-1 lrv-u-font-family-body lrv-a-glue-parent';
|
|
27
|
+
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';
|
|
28
|
+
|
|
29
|
+
content_showcase.content_showcase_items = [ o_card, o_card, o_card, o_card ];
|
|
30
|
+
|
|
31
|
+
module.exports = content_showcase;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
|
+
|
|
3
|
+
const o_story_featured = clonedeep( require( '@penskemediacorp/larva-patterns/modules/story/story.center-vertical' ) );
|
|
4
|
+
const o_story = clonedeep( require( '@penskemediacorp/larva-patterns/modules/story/story.vertical' ) );
|
|
5
|
+
|
|
6
|
+
o_story_featured.c_timestamp = false;
|
|
7
|
+
o_story_featured.story_grid_secondary_classes = 'lrv-u-flex lrv-u-flex-direction-column lrv-u-height-100p lrv-u-justify-content-center@tablet lrv-u-text-align-center@tablet';
|
|
8
|
+
o_story_featured.c_title.c_title_classes = 'lrv-a-font-primary-l c-title lrv-u-display-block lrv-u-margin-b-050';
|
|
9
|
+
o_story_featured.c_span.c_span_classes = 'lrv-u-display-inline-block lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-text-transform-uppercase lrv-a-font-basic-l lrv-u-display-inline-block';
|
|
10
|
+
o_story_featured.c_span.c_span_link_classes = 'lrv-u-color-white lrv-u-background-color-brand-primary lrv-u-line-height-normal lrv-u-padding-a-025 lrv-u-padding-lr-050 lrv-u-display-inline-block';
|
|
11
|
+
o_story_featured.c_span.c_span_url = '#';
|
|
12
|
+
o_story_featured.c_dek.c_dek_classes = 'lrv-a-font-secondary-xs lrv-u-margin-tb-050 lrv-u-letter-spacing-0006@tablet lrv-u-width-70p lrv-u-width-100p@mobile-max lrv-u-margin-lr-auto';
|
|
13
|
+
o_story_featured.story_nav_classes = 'lrv-a-font-body-m lrv-u-color-black lrv-u-text-transform-uppercase lrv-u-color-black lrv-u-justify-content-center@tablet';
|
|
14
|
+
o_story_featured.c_tagline_author.c_tagline_classes = 'lrv-u-color-black lrv-u-margin-l-050';
|
|
15
|
+
o_story_featured.story_links_classes = 'lrv-u-justify-content-center@tablet lrv-u-transform-translateY-n50p u-z-index-middle-bottom lrv-u-position-relative lrv-u-margin-b-00@mobile-max';
|
|
16
|
+
o_story_featured.story_nav_layout_classes = 'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-margin-t-050';
|
|
17
|
+
|
|
18
|
+
o_story.story_grid_secondary_classes = '';
|
|
19
|
+
o_story.c_timestamp = false;
|
|
20
|
+
o_story.c_dek = false;
|
|
21
|
+
o_story.story_classes = '';
|
|
22
|
+
o_story.c_span.c_span_classes = 'lrv-a-font-basic-xs lrv-u-border-b-1 lrv-u-text-transform-uppercase lrv-u-padding-b-050';
|
|
23
|
+
o_story.c_lazy_image.c_lazy_image_classes = 'lrv-u-margin-b-125';
|
|
24
|
+
o_story.c_title.c_title_classes = 'lrv-a-font-primary-m lrv-u-margin-b-050 lrv-u-font-size-26@mobile-max lrv-u-margin-t-050';
|
|
25
|
+
o_story.story_nav_classes = 'lrv-a-font-body-xxs lrv-u-color-black lrv-u-text-transform-uppercase lrv-u-color-black ';
|
|
26
|
+
o_story.c_tagline_author.c_tagline_classes = 'lrv-a-font-body-xxs lrv-u-color-black lrv-u-margin-l-050 lrv-u-letter-spacing-0106@tablet lrv-u-letter-spacing-0140@mobile-max';
|
|
27
|
+
o_story.story_nav_layout_classes = 'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-margin-t-050';
|
|
28
|
+
|
|
29
|
+
const stories = [
|
|
30
|
+
o_story,
|
|
31
|
+
o_story,
|
|
32
|
+
];
|
|
33
|
+
|
|
34
|
+
module.exports = {
|
|
35
|
+
o_story_featured,
|
|
36
|
+
top_stories_classes: 'lrv-u-flex lrv-u-flex-wrap-wrap lrv-u-margin-b-075',
|
|
37
|
+
featured_story_classes: 'lrv-u-width-100p@mobile-max lrv-u-width-70p lrv-u-padding-r-125 lrv-u-padding-r-150@desktop lrv-u-padding-r-00@mobile-max lrv-u-padding-b-2@mobile-max lrv-u-margin-b-2@mobile-max u-border-b-1@mobile-max',
|
|
38
|
+
story_items_classes: 'lrv-u-width-30p lrv-u-width-100p@mobile-max lrv-a-children-border-vertical lrv-a-space-children lrv-a-space-children--2 lrv-a-space-children-vertical lrv-u-padding-l-125 lrv-u-padding-l-150@desktop lrv-u-padding-l-00@mobile-max',
|
|
39
|
+
story_item_classes: '',
|
|
40
|
+
stories,
|
|
41
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<div class="top-stories // {{ top_stories_classes }}">
|
|
2
|
+
<div class="featured-story-item {{ featured_story_classes }}">
|
|
3
|
+
{% include "@larva/modules/story/story.twig" with o_story_featured %}
|
|
4
|
+
</div>
|
|
5
|
+
<div class="story-items {{ story_items_classes }}">
|
|
6
|
+
{% for item in stories %}
|
|
7
|
+
<div class="story-item {{ story_item_classes }}">
|
|
8
|
+
{% include "@larva/modules/story/story.twig" with item %}
|
|
9
|
+
</div>
|
|
10
|
+
{% endfor %}
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-patterns",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.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.
|
|
23
|
+
"@penskemediacorp/larva-css": "^1.1.0",
|
|
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": "acd1e381aded178fd5dc54e3e30623dbba96267a"
|
|
29
29
|
}
|