start using css vars

packages-premium

@@ -1 +1 @@
-Subproject commit bfca9016dc724584afd4411e853f6d604af829e8
+Subproject commit b01bae58b8d1310d704c1738b751579add1bac11

packages/core/src/styles/_popover.scss

@@ -31,11 +31,11 @@
 .fc-unthemed {
 
   .fc-popover {
-    border: 1px solid $unthemed-border-color;
+    border: 1px solid var(--unthemed-border-color);
     background: #fff;
 
     .fc-header {
-      background: $unthemed-muted-bg-color;
+      background: var(--unthemed-muted-bg-color);
     }
   }
 

packages/core/src/styles/_resets.scss

@@ -52,7 +52,7 @@
 .fc-unthemed {
 
   td, th {
-    border: 1px solid $unthemed-border-color;
+    border: 1px solid var(--unthemed-border-color);
   }
 
 }

packages/core/src/styles/_utils.scss

@@ -59,8 +59,8 @@ td.fc-today {
   }
 
   .fc-divider {
-    border: 1px solid $unthemed-border-color;
-    background: $unthemed-muted-bg-color;
+    border: 1px solid var(--unthemed-border-color);
+    background: var(--unthemed-muted-bg-color);
   }
 
 }

packages/core/src/styles/_vars.scss

@@ -1,3 +1,5 @@
 
-$unthemed-border-color: #ddd;
-$unthemed-muted-bg-color: #eee;
+.fc {
+  --unthemed-border-color: #ddd;
+  --unthemed-muted-bg-color: #eee;
+}

packages/list/src/main.scss

@@ -19,7 +19,7 @@
 }
 
 .fc-unthemed .fc-list-view {
-  border: 1px solid $unthemed-border-color;
+  border: 1px solid var(--unthemed-border-color);
 }
 
 .fc .fc-list-table {
@@ -43,7 +43,7 @@
 }
 
 .fc-unthemed .fc-list-heading td {
-  background: $unthemed-muted-bg-color;
+  background: var(--unthemed-muted-bg-color);
 }
 
 .fc-ltr .fc-list-heading-main { float: left; }