1 files changed, 69 insertions, 0 deletions
diff --git a/templates/assets/sass/material-kit/_dialogs.scss b/templates/assets/sass/material-kit/_dialogs.scss
new file mode 100755
index 0000000..5ad9fc3
--- /dev/null
+++ b/templates/assets/sass/material-kit/_dialogs.scss
@@ -0,0 +1,69 @@
+// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
+
+//
+// Modals
+// Material Design element Dialogs
+// --------------------------------------------------
+.modal-content {
+  @include shadow-z-5();
+  border-radius: $border-radius-base;
+  border: none;
+  // Modal header
+  // Top section of the modal w/ title and dismiss
+  .modal-header {
+    border-bottom: none;
+    padding-top:    24px;
+    padding-right:  24px;
+    padding-bottom: 0;
+    padding-left:   24px;
+  }
+  // Modal body
+  // Where all modal content resides (sibling of .modal-header and .modal-footer)
+  .modal-body {
+    padding-top:    24px;
+    padding-right:  24px;
+    padding-bottom: 16px;
+    padding-left:   24px;
+  }
+  // Footer (for actions)
+  .modal-footer {
+    border-top: none;
+    padding: 7px;
+    button {
+      margin: 0;
+      padding-left: 16px;
+      padding-right: 16px;
+      width: auto;
+      &.pull-left {
+        padding-left: 5px;
+        padding-right: 5px;
+        position: relative;
+        left: -5px;
+      }
+    }
+    button+button {
+      margin-bottom: 16px;
+    }
+  }
+  .modal-body + .modal-footer {
+    padding-top: 0;
+  }
+}
+.modal-backdrop {
+  background: rgba(0,0,0,0.3);
+}
+
+.modal{
+    .modal-dialog{
+        margin-top: 100px;
+    }
+    .modal-header .close{
+        color: $gray;
+
+        &:hover,
+        &:focus{
+            opacity: 1;
+            color: $gray;
+        }
+    }
+}