diff --git a/packages/notification/package.json b/packages/notification/package.json index a521c92721ebf546bad33b8708fa2dd9eaa3d3de..db40e3d3771e3ceb74f2a2137e1283c0b6a625f2 100644 --- a/packages/notification/package.json +++ b/packages/notification/package.json @@ -26,7 +26,6 @@ "vpu-common": "file:./vendor/common" }, "dependencies": { - "bulma": "^0.7.5", "lit-element": "^2.1.0" }, "scripts": { diff --git a/packages/notification/src/vpu-notification-demo.js b/packages/notification/src/vpu-notification-demo.js index f47207a332618ef53efb30c6f9eebd0fde622e10..915eb465f62e98fd5f9c62e364b3c02008c4192c 100644 --- a/packages/notification/src/vpu-notification-demo.js +++ b/packages/notification/src/vpu-notification-demo.js @@ -1,9 +1,9 @@ import {i18n} from './i18n'; import {send as notify} from 'vpu-common/notification'; -import {html, LitElement} from 'lit-element'; +import {css, html, LitElement} from 'lit-element'; import './vpu-notification'; import * as commonUtils from 'vpu-common/utils'; -import bulmaCSSPath from 'bulma/css/bulma.min.css'; +import * as commonStyles from "vpu-common/styles"; class NotificationDemo extends LitElement { constructor() { @@ -25,11 +25,17 @@ class NotificationDemo extends LitElement { }); } + static get styles() { + // language=css + return css` + ${commonStyles.getThemeCSS()} + ${commonStyles.getGeneralCSS()} + ${commonStyles.getButtonCSS()} + `; + } + render() { - const bulmaCSS = commonUtils.getAssetURL(bulmaCSSPath); return html` - <link rel="stylesheet" href="${bulmaCSS}"> - <section class="section"> <div class="container"> <h1 class="title">Notification-Demo</h1>