material 0.9.28 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "material",
-  "version": "0.9.28",
+  "version": "1.0.0",
   "description": "A lightweight implementation of Material Design Components for the web - ES6",
   "main": "index.js",
   "type": "module",

package/src/skin/material/button/action.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 @use "sass:color";
 
 // type action

package/src/skin/material/button/button.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .button {
   display: flex;

package/src/skin/material/button/floating.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 @use "sass:color";
 
 // type floating

package/src/skin/material/button/raised.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 @use "sass:color";
 
 // type raised

package/src/skin/material/button/stroked.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 @use "sass:color";
 
 // type stroked

package/src/skin/material/component/component.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .material-component {
   background-color: $background-color;

package/src/skin/material/component/progress.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 @use "sass:color";
 
 // Here is where the magic happens

package/src/skin/material/component/text.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .material-text {
   // -moz-osx-font-smoothing: grayscale

package/src/skin/material/container/appbar.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .material-appbar {
   display: flex;

package/src/skin/material/container/dialog.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .dialog {
   position: fixed;

package/src/skin/material/container/tabs.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .material-tabs {
   position: relative;

package/src/skin/material/container/toolbar.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .material-toolbar {
   display: flex;

package/src/skin/material/control/button.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 @use "sass:color";
 
 .button {

package/src/skin/material/control/checkbox.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .checkbox {
   display: block;

package/src/skin/material/control/progress.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 @use "sass:color";
 
 // Here is where the magic happens

package/src/skin/material/control/search.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .search-input {
   position: relative;

package/src/skin/material/control/slider.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .material-slider {
   display: block;

package/src/skin/material/control/switch.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .switch {
   display: block;

package/src/skin/material/control/textfield.scss

@@ -1,3 +1,4 @@
+@use "../variables" as *;
 
 .material-textfield {
   display: block;