styles for multi-step header in modal form

2019-03-24 16:10:52 -04:00
parent 1bc434be8c
commit 0d3387b0fe
3 changed files with 21 additions and 1 deletions
--- a/styles/components/_modal.scss
+++ b/styles/components/_modal.scss
@@ -139,4 +139,23 @@ body {
      }
    }
  }
+
+  .modal--form {
+    .progress-menu ul {
+      width: 40%;
+      margin-left: 30%;
+      font-size: 2rem;
+
+      .progress-menu__item::before {
+        width: 2.8rem;
+        height: 2.8rem;
+        margin-left: -1.25rem;
+      }
+
+      .progress-menu__item--complete::before {
+        content: url('#{$asset-path}/icons/checkmark-alt.svg');
+        padding-top: 0.4rem;
+      }
+    }
+  }
 }