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

mjml-accordion

Package Overview
Dependencies
Maintainers
6
Versions
77
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mjml-accordion - npm Package Compare versions

Comparing version 4.5.1 to 4.6.0

6

lib/Accordion.js

@@ -57,3 +57,3 @@ 'use strict';

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = MjAccordion.__proto__ || (0, _getPrototypeOf2.default)(MjAccordion)).call.apply(_ref, [this].concat(args))), _this), _this.headStyle = function () {
return '\n noinput.mj-accordion-checkbox { display:block!important; }\n\n @media yahoo, only screen and (min-width:0) {\n .mj-accordion-element { display:block; }\n input.mj-accordion-checkbox, .mj-accordion-less { display:none!important; }\n input.mj-accordion-checkbox + * .mj-accordion-title { cursor:pointer; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; user-select:none; }\n input.mj-accordion-checkbox + * .mj-accordion-content { overflow:hidden; display:none; }\n input.mj-accordion-checkbox + * .mj-accordion-more { display:block!important; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-content { display:block; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-more { display:none!important; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-less { display:block!important; }\n }\n\n @goodbye { @gmail }\n ';
return '\n noinput.mj-accordion-checkbox { display:block!important; }\n\n @media yahoo, only screen and (min-width:0) {\n .mj-accordion-element { display:block; }\n input.mj-accordion-checkbox, .mj-accordion-less { display:none!important; }\n input.mj-accordion-checkbox + * .mj-accordion-title { cursor:pointer; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; user-select:none; }\n input.mj-accordion-checkbox + * .mj-accordion-content { overflow:hidden; display:none; }\n input.mj-accordion-checkbox + * .mj-accordion-more { display:block!important; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-content { display:block; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-more { display:none!important; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-less { display:block!important; }\n }\n\n .moz-text-html input.mj-accordion-checkbox + * .mj-accordion-title { cursor: auto; touch-action: auto; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; }\n .moz-text-html input.mj-accordion-checkbox + * .mj-accordion-content { overflow: hidden; display: block; }\n .moz-text-html input.mj-accordion-checkbox + * .mj-accordion-ico { display: none; }\n\n @goodbye { @gmail }\n ';
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);

@@ -116,5 +116,5 @@ }

'icon-align': 'middle',
'icon-wrapped-url': 'http://i.imgur.com/bIXv1bk.png',
'icon-wrapped-url': 'https://i.imgur.com/bIXv1bk.png',
'icon-wrapped-alt': '+',
'icon-unwrapped-url': 'http://i.imgur.com/w4uTygT.png',
'icon-unwrapped-url': 'https://i.imgur.com/w4uTygT.png',
'icon-unwrapped-alt': '-',

@@ -121,0 +121,0 @@ 'icon-position': 'right',

{
"name": "mjml-accordion",
"description": "mjml-accordion",
"version": "4.5.1",
"version": "4.6.0",
"main": "lib/index.js",

@@ -22,3 +22,3 @@ "repository": {

"lodash": "^4.17.15",
"mjml-core": "4.5.1"
"mjml-core": "4.6.0"
},

@@ -28,3 +28,3 @@ "devDependencies": {

},
"gitHead": "8fee6b676a0e2084177fcf8c1095dc52e12517c0"
"gitHead": "6bfd02a89a9105885b542b630360edbb75fdb080"
}

@@ -1,8 +0,8 @@

## mjml-accordion
## mj-accordion
<p align="center">
<img src="http://i.imgur.com/C4S9MVc.gif" alt="accordion" />
<img src="https://i.imgur.com/C4S9MVc.gif" alt="accordion" />
</p>
`mjml-accordion` is an interactive MJML component to stack content in tabs, so the information is collapsed and only the titles are visible. Readers can interact by clicking on the tabs to reveal the content, providing a great experience on mobile devices where space is scarce.
`mj-accordion` is an interactive MJML component to stack content in tabs, so the information is collapsed and only the titles are visible. Readers can interact by clicking on the tabs to reveal the content, providing a great experience on mobile devices where space is scarce.

@@ -14,3 +14,3 @@ ```xml

<mj-accordion border="none" padding="1px" />
<mj-accordion-element icon-wrapped-url="http://i.imgur.com/Xvw0vjq.png" icon-unwrapped-url="http://i.imgur.com/KKHenWa.png" icon-height="24px" icon-width="24px" />
<mj-accordion-element icon-wrapped-url="https://i.imgur.com/Xvw0vjq.png" icon-unwrapped-url="https://i.imgur.com/KKHenWa.png" icon-height="24px" icon-width="24px" />
<mj-accordion-title font-family="Roboto, Open Sans, Helvetica, Arial, sans-serif" background-color="#fff" color="#031017" padding="15px" font-size="18px" />

@@ -55,3 +55,3 @@ <mj-accordion-text font-family="Open Sans, Helvetica, Arial, sans-serif" background-color="#fafafa" padding="15px" color="#505050" font-size="14px" />

<aside class="notice">
Every attribute in `mj-accordion` are applied to `mj-accordion-element` unless you overide them on `mj-accordion-element`
Every attribute in `mj-accordion` are applied to `mj-accordion-element` unless you override them on `mj-accordion-element`
</aside>

@@ -70,6 +70,6 @@

icon-unwrapped-alt | n/a | alt text when accordion is unwrapped | -
icon-unwrapped-url | n/a | icon when accordion is unwrapped | http://i.imgur.com/w4uTygT.png
icon-unwrapped-url | n/a | icon when accordion is unwrapped | https://i.imgur.com/w4uTygT.png
icon-width | px | icon height | 32px
icon-wrapped-alt | n/a | alt text when accordion is wrapped | +
icon-wrapped-url | n/a | icon when accordion is wrapped | http://i.imgur.com/bIXv1bk.png
icon-wrapped-url | n/a | icon when accordion is wrapped | https://i.imgur.com/bIXv1bk.png
padding | px | padding | 10px 25px

@@ -81,3 +81,3 @@ padding-bottom | px | padding bottom | n/a

### mjml-accordion-element
### mj-accordion-element

@@ -95,8 +95,8 @@ This component enables you to create a accordion pane

icon-unwrapped-alt | n/a | alt text when accordion is unwrapped | -
icon-unwrapped-url | n/a | icon when accordion is unwrapped | http://i.imgur.com/w4uTygT.png
icon-unwrapped-url | n/a | icon when accordion is unwrapped | https://i.imgur.com/w4uTygT.png
icon-width | n/a | icon height | 32px
icon-wrapped-alt | n/a | alt text when accordion is wrapped | +
icon-wrapped-url | n/a | icon when accordion is wrapped | http://i.imgur.com/bIXv1bk.png
icon-wrapped-url | n/a | icon when accordion is wrapped | https://i.imgur.com/bIXv1bk.png
### mjml-accordion-title
### mj-accordion-title

@@ -118,3 +118,3 @@ This component enables you to add and style a title to your accordion

### mjml-accordion-text
### mj-accordion-text

@@ -121,0 +121,0 @@ This component enables you to add and style a text to your accordion

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