Move styles to plugin-wide dir src/sass

src/module.js

@@ -1,4 +1,10 @@
 import {ZabbixAppConfigCtrl} from './components/config';
+import {loadPluginCss} from 'app/plugins/sdk';
+
+loadPluginCss({
+  dark: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.dark.css',
+  light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'
+});
 
 export {
   ZabbixAppConfigCtrl as ConfigCtrl

src/panel-triggers/module.js

@@ -14,11 +14,16 @@
 import _ from 'lodash';
 import $ from 'jquery';
 import moment from 'moment';
+import {loadPluginCss} from 'app/plugins/sdk';
 import * as utils from '../datasource-zabbix/utils';
 import {PanelCtrl} from 'app/plugins/sdk';
 import {triggerPanelEditor} from './editor';
 import './ack-tooltip.directive';
-import './css/panel_triggers.css!';
+
+loadPluginCss({
+  dark: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.dark.css',
+  light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'
+});
 
 var defaultSeverity = [
   { priority: 0, severity: 'Not classified',  color: '#B7DBAB', show: true },

src/plugin.json

@@ -3,11 +3,6 @@
   "name": "Zabbix",
   "id": "alexanderzobnin-zabbix-app",
 
-  "css": {
-    "dark":  "css/dark.css",
-    "light":  "css/light.css"
-  },
-
   "info": {
     "description": "Zabbix plugin for Grafana",
     "author": {

src/sass/grafana-zabbix.dark.scss

@@ -0,0 +1,2 @@
+@import 'variables.dark';
+@import 'panel-triggers';

src/sass/grafana-zabbix.light.scss

@@ -0,0 +1,2 @@
+@import 'variables.light';
+@import 'panel-triggers';