mjml-hero
Advanced tools
Comparing version 4.0.0-beta.1 to 4.0.0-beta.2
@@ -202,3 +202,3 @@ 'use strict'; | ||
return (// eslint-disable-line no-confusing-arrow | ||
component.rawElement ? component.render() : '\n <tr>\n <td\n ' + component.htmlAttributes({ | ||
component.constructor.isRawElement() ? component.render() : '\n <tr>\n <td\n ' + component.htmlAttributes({ | ||
align: component.getAttribute('align'), | ||
@@ -205,0 +205,0 @@ background: component.getAttribute('container-background-color'), |
{ | ||
"name": "mjml-hero", | ||
"description": "mjml-hero", | ||
"version": "4.0.0-beta.1", | ||
"version": "4.0.0-beta.2", | ||
"main": "lib/index.js", | ||
@@ -21,4 +21,4 @@ "repository": { | ||
"lodash": "^4.17.2", | ||
"mjml-core": "^4.0.0-beta.1" | ||
"mjml-core": "^4.0.0-beta.2" | ||
} | ||
} |
@@ -14,3 +14,2 @@ ## mjml-hero | ||
<mj-body> | ||
<<<<<<< HEAD | ||
<mj-hero | ||
@@ -40,31 +39,2 @@ mode="fixed-height" | ||
</mj-hero> | ||
======= | ||
<mj-container> | ||
<mj-hero | ||
mode="fixed-height" | ||
height="469px" | ||
background-width="600px" | ||
background-height="469px" | ||
background-url="https://cloud.githubusercontent.com/assets/1830348/15354890/1442159a-1cf0-11e6-92b1-b861dadf1750.jpg" | ||
background-color="#2a3448" | ||
padding="100px 0px"> | ||
<!-- To add content like mj-image, mj-text, mj-button ... use the mj-hero-content component --> | ||
<mj-hero-content width="100%"> | ||
<mj-text | ||
padding="20px" | ||
color="#ffffff" | ||
font-family="Helvetica" | ||
align="center" | ||
font-size="45" | ||
line-height="45px" | ||
font-weight="900"> | ||
GO TO SPACE | ||
</mj-text> | ||
<mj-button href="https://mjml.io/" align="center"> | ||
ORDER YOUR TICKET NOW | ||
</mj-button> | ||
</mj-hero-content> | ||
</mj-hero> | ||
</mj-container> | ||
>>>>>>> 1294c3cbdcc8be8c571685b6805f5ec918e429a4 | ||
</mj-body> | ||
@@ -76,7 +46,3 @@ </mjml> | ||
<a href="https://mjml.io/try-it-live/components/hero"> | ||
<<<<<<< HEAD | ||
<img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" /> | ||
======= | ||
<img width="100px" src="http://imgh.us/TRYITLIVE.svg" alt="sexy" /> | ||
>>>>>>> 1294c3cbdcc8be8c571685b6805f5ec918e429a4 | ||
</a> | ||
@@ -94,3 +60,2 @@ </p> | ||
<mj-body> | ||
<<<<<<< HEAD | ||
<mj-hero | ||
@@ -119,30 +84,2 @@ mode="fluid-height" | ||
</mj-hero> | ||
======= | ||
<mj-container> | ||
<mj-hero | ||
mode="fluid-height" | ||
background-width="600px" | ||
background-height="469px" | ||
background-url="https://cloud.githubusercontent.com/assets/1830348/15354890/1442159a-1cf0-11e6-92b1-b861dadf1750.jpg" | ||
background-color="#2a3448" | ||
padding="100px 0px"> | ||
<!-- To add content like mj-image, mj-text, mj-button ... use the mj-hero-content component --> | ||
<mj-hero-content width="100%"> | ||
<mj-text | ||
padding="20px" | ||
color="#ffffff" | ||
font-family="Helvetica" | ||
align="center" | ||
font-size="45" | ||
line-height="45px" | ||
font-weight="900"> | ||
GO TO SPACE | ||
</mj-text> | ||
<mj-button href="https://mjml.io/" align="center"> | ||
ORDER YOUR TICKET NOW | ||
</mj-button> | ||
</mj-hero-content> | ||
</mj-hero> | ||
</mj-container> | ||
>>>>>>> 1294c3cbdcc8be8c571685b6805f5ec918e429a4 | ||
</mj-body> | ||
@@ -154,7 +91,3 @@ </mjml> | ||
<a href="https://mjml.io/try-it-live/components/hero/1"> | ||
<<<<<<< HEAD | ||
<img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" /> | ||
======= | ||
<img width="100px" src="http://imgh.us/TRYITLIVE.svg" alt="sexy" /> | ||
>>>>>>> 1294c3cbdcc8be8c571685b6805f5ec918e429a4 | ||
</a> | ||
@@ -195,26 +128,2 @@ </p> | ||
vertical-align | top/middle/bottom | content vertical alignment | top | ||
<<<<<<< HEAD | ||
css-class | string | class name, added to the root HTML element created | n/a | ||
======= | ||
css-class | string | class name, added to the root HTML element created | n/a | ||
### mjml-hero-content | ||
Display some content in an `mj-hero` component | ||
<aside class="notice"> | ||
Use only one mj-hero-content component inside a mj-hero component | ||
</aside> | ||
attribute | unit | description | default value | ||
-----------------|-------------------|------------------------------------------------|------------------------------ | ||
width | px/percent | content width | 100% | ||
align | left/center/right | horizontal alignment | center | ||
background-color | color | content background color | transparent | ||
padding | px | supports up to 4 parameters | 0px | ||
padding-top | px | top offset | 0px | ||
padding-right | px | right offset | 0px | ||
padding-left | px | left offset | 0px | ||
padding-bottom | px | bottom offset | 0px | ||
css-class | string | class name, added to the root HTML element created | n/a | ||
>>>>>>> 1294c3cbdcc8be8c571685b6805f5ec918e429a4 |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
18958
123
Updatedmjml-core@^4.0.0-beta.2