postcss-assemble-modal-helper

A PostCSS plugin that helps with the use of Assemble Modals.

Usage no npm install needed!

<script type="module">
  import postcssAssembleModalHelper from 'https://cdn.skypack.dev/postcss-assemble-modal-helper';
</script>

README

PostCSS Assemble Modal Header

PostCSS plugin that helps with the use of Assemble Modals.

This plugin will help set the widths of your modal windows when using the Assemble framework.

Example

.modal-widths{
    large: 500px;
    medium: 300px;
    half: 50%;
}

Will output:

body[data-current-modal*="_large"] .modal-inner{
    width: 500px;
}

body[data-current-modal*="_medium"] .modal-inner{
    width: 300px;
}

body[data-current-modal*="_half"] .modal-inner{
    width: 50%;
}

Usage

This plugin doesn't do much on it's own. It is part of a PostCSS framework called Assemble. This plugin is included in Assemble Modals. For usage see Assemble Modals.