Exporting base styles

src/theme/_btn.scss

@@ -0,0 +1,17 @@
+.btn {
+    @include Elevation(1);
+    background: $button-color;
+
+    &:hover {
+        background: darken($button-color, 5%);
+    }
+
+    &:active {
+        background: lighten($button-color, 5%);
+    }
+}
+
+.fab {
+    @include Elevation(8);
+    background: $button-color;
+}

src/theme/_card.scss

@@ -0,0 +1,7 @@
+.card {
+    @include Elevation(3);
+}
+
+.card-elevated {
+    @include Elevation(8);
+}

src/theme/_global.scss

@@ -0,0 +1,5 @@
+html,
+body {
+    background: $background;
+    color: $on-background;
+}

src/theme/_header.scss

@@ -0,0 +1,3 @@
+.header {
+    @include Elevation(3);
+}

src/theme/_input.scss

@@ -0,0 +1,8 @@
+.inp {
+    color: $on-background;
+
+    option {
+        background: $background;
+        color: $on-background;
+    }
+}

src/theme/_list.scss

@@ -0,0 +1,5 @@
+.list-clickable {
+    li:hover {
+        background: darken-brighten-color($background, 5%);
+    }
+}

src/theme/_modal.scss

@@ -0,0 +1,10 @@
+.modal {
+    background: $background;
+    @include Elevation(24);
+
+    .modal-action {
+        button {
+            @extend .btn;
+        }
+    }
+}