Bundle style sheets using webpack

Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>

css/calendar.scss

@@ -25,7 +25,6 @@
 @import 'freebusy.scss';
 @import 'fullcalendar.scss';
 @import 'global.scss';
-@import 'icons.scss';
 @import 'import.scss';
 @import 'print.scss';
 @import 'public.scss';

css/fullcalendar.scss

@@ -135,10 +135,10 @@
 			top: 0;
 			right: 0;
 			&--light {
-				@include icon-color('reminder', 'calendar', '#fffffe', 1);
+				background-image: var(--icon-calendar-reminder-fffffe)
 			}
 			&--dark {
-				@include icon-color('reminder', 'calendar', '#000001', 1);
+				background-image: var(--icon-calendar-reminder-000001)
 			}
 		}
 	}

css/icons.scss

@@ -19,6 +19,10 @@
  * License along with this library.  If not, see <http://www.gnu.org/licenses/>.
  *
  */
+
+// TODO: Use icon svg api instead of mixins when the server drops scss compilation.
+// https://docs.nextcloud.com/server/latest/developer_manual/design/icons.html#svg-color-api
+
 @include icon-black-white('briefcase', 'calendar', 5);
 @include icon-black-white('circle', 'calendar', 1);
 @include icon-black-white('color-picker', 'calendar', 1);
@@ -39,3 +43,5 @@
 @include icon-black-white('view-list', 'calendar', 1);
 @include icon-black-white('view-module', 'calendar', 1);
 @include icon-black-white('view-week', 'calendar', 1);
+@include icon-color('reminder', 'calendar', '#fffffe', 1);
+@include icon-color('reminder', 'calendar', '#000001', 1);

src/main.js

@@ -23,6 +23,8 @@
  */
 import 'core-js/stable'
 
+import '../css/calendar.scss'
+
 import Vue from 'vue'
 import App from './App'
 import router from './router'

templates/main.php

@@ -20,4 +20,4 @@
  *
  */
 script('calendar', 'calendar-main');
-style('calendar', 'calendar');
+style('calendar', 'icons');