Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

mjml-hero

Package Overview
Dependencies
Maintainers
5
Versions
116
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mjml-hero - npm Package Compare versions

Comparing version 4.0.0-beta.1 to 4.0.0-beta.2

2

lib/index.js

@@ -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
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc