Implement wizard setup

2015-01-06 13:08:15 -06:00
parent 0d326de0b2
commit f8319a23d9
8 changed files with 252 additions and 74 deletions
--- a/app/assets/sass/pages/_setup.scss
+++ b/app/assets/sass/pages/_setup.scss
@@ -0,0 +1,66 @@
+.setup-page {
+    padding-top: 60px;
+    .logo {
+        display: block;
+        margin: 0 auto 30px;
+    }
+    .steps {
+        @extend .row;
+        margin: 0 auto;
+        border-radius: 2px 2px 0 0;
+        margin-bottom: 20px;
+        .step {
+            @extend .col-xs-4;
+            padding: 20px 0;
+            text-align: center;
+            position: relative;
+            font-size: 13px;
+            &:not(:last-child):after {
+                content: '';
+                position: absolute;
+                bottom: 31px;
+                left: 55%;
+                display: block;
+                height: 1px;
+                background: #94A1B8;
+                width: 100%;
+            }
+            span {
+                width: 23px;
+                height: 23px;
+                display: block;
+                position: relative;
+                margin: 0 auto;
+                margin-top: 13px;
+                border-radius: 25px;
+                background: $cachet-base-medium;
+                border: 1px solid #94A1B8;
+                -webkit-transition: all 0.2s linear;
+                -moz-transition: all 0.2s linear;
+                -ms-transition: all 0.2s linear;
+                -o-transition: all 0.2s linear;
+                transition: all 0.2s linear;
+            }
+
+            &.active {
+                span {
+                    background: $cachet-primary;
+                }
+            }
+        }
+    }
+    .setup-success {
+        text-align: center;
+        i {
+            font-size: 47px;
+        }
+        h3 {
+            margin-top: 25px;
+            font-size: 21px;
+            color: #556579;
+        }
+        .btn {
+            margin-top: 40px;
+        }
+    }
+}