add modals code

3 files changed, 36 insertions, 0 deletions

diff --git a/src/forms.less b/src/forms.less
index 8d4cbc4..9838228 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -3,6 +3,8 @@
   margin-bottom: 1rem;
 }
 .form-horizontal {
+  padding: 1rem;
+
   .col-12,
   .col-11,
   .col-10,
diff --git a/src/modals.less b/src/modals.less
new file mode 100644
index 0000000..b51f5ca
--- /dev/null
+++ b/src/modals.less
@@ -0,0 +1,32 @@
+// Modals
+.modal {
+  display: block;
+  width: 50vw;
+  text-align: left;
+  margin: 0;
+  padding: 0;
+  border-radius: .3rem;
+  background-color: #fff;
+  z-index: 999;
+  .shadow;
+  .centered;
+
+  .modal-header {
+    padding: 1.5rem;
+    border-bottom: 1px solid @core-border-color;
+
+    .modal-title {
+      margin: 0;
+    }
+  }
+  .modal-body {
+    position: relative;
+    padding: 1.5rem;
+    max-height: 50vh;
+    overflow-y: auto;
+  }
+  .modal-footer {
+    padding: 1.5rem;
+    text-align: right;
+  }
+}
\ No newline at end of file
diff --git a/src/typography.less b/src/typography.less
index 4b0cd49..94a596f 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -7,6 +7,8 @@ h5,
 h6 {
   font-weight: 300;
   line-height: 1.1;
+  margin-top: 2.5rem;
+  margin-bottom: 1rem;
   color: inherit;
 }
 h1 {