add modals code

1 files changed, 36 insertions, 0 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index a849bc1..0d20d3f 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -406,6 +406,8 @@ h5,
 h6 {
   font-weight: 300;
   line-height: 1.1;
+  margin-top: 2.5rem;
+  margin-bottom: 1rem;
   color: inherit;
 }
 h1 {
@@ -835,6 +837,9 @@ button.btn-clear::after {
 .form-group:not(:last-child) {
   margin-bottom: 1rem;
 }
+.form-horizontal {
+  padding: 1rem;
+}
 .form-horizontal .col-12,
 .form-horizontal .col-11,
 .form-horizontal .col-10,
@@ -1284,6 +1289,37 @@ textarea.form-input {
           flex: 1;
   text-align: center;
 }
+.modal {
+  width: 50vw;
+  text-align: left;
+  margin: 0;
+  padding: 0;
+  border-radius: .3rem;
+  background-color: #fff;
+  z-index: 999;
+  box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.3);
+  display: block;
+  float: none;
+  margin-left: auto;
+  margin-right: auto;
+}
+.modal .modal-header {
+  padding: 1.5rem;
+  border-bottom: 1px solid #efefef;
+}
+.modal .modal-header .modal-title {
+  margin: 0;
+}
+.modal .modal-body {
+  position: relative;
+  padding: 1.5rem;
+  max-height: 50vh;
+  overflow-y: auto;
+}
+.modal .modal-footer {
+  padding: 1.5rem;
+  text-align: right;
+}
 .tooltip {
   position: relative;
 }