From ddbc43699ed98a4e153978525c5fc70b9095375a Mon Sep 17 00:00:00 2001 From: Patrizio Bekerle <patrizio.bekerle@tugraz.at> Date: Thu, 17 Oct 2019 10:44:42 +0200 Subject: [PATCH] Remove Bulma dependency --- packages/notification/package.json | 1 - .../notification/src/vpu-notification-demo.js | 16 +++++++++++----- 2 files changed, 11 insertions(+), 6 deletions(-) diff --git a/packages/notification/package.json b/packages/notification/package.json index a521c927..db40e3d3 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 f47207a3..915eb465 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> -- GitLab