postcss-assemble-notification-helper

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

Usage no npm install needed!

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

README

PostCSS Assemble Notification Helper

PostCSS plugin that helps with the use of Assemble Notifications.

This plugin will help set colors of notifications when using the Assemble framework.

Example

.notification--success{
    bg-color: green;
    text-color: white;
    title-bar-bg-color: orange;
    title-bar-text-color: black;
}

Will output:

.notification--success{
    background: green;
    color: white;
}
.notification--success .notification__title-bar,
.notification--success .notification__title-bar h3{
    color: black;
}
.notification--success .notification__title-bar{
    background: orange;
}
.notification--success .iconic *{
    fill: white;
}
.notification--success .notification-text{
    color: white;
}

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 Notifications. For usage see Assemble Notifications.