slide-tag css finished

rixtox · Dec 19, 2013 · 3bd7bbe · 3bd7bbe
1 parent 9789fb7
commit 3bd7bbe
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 6 deletions.
diff --git a/.nodemonignore b/.nodemonignore
@@ -1 +1,2 @@
+.git
 client/*
diff --git a/client/src/styles/main.styl b/client/src/styles/main.styl
@@ -110,13 +110,20 @@ icon
     background #fff
     position absolute
     white-space nowrap
-    right 0
-    top 0
-    bottom 0
+    right 50px
+    transform translateX(100%)
+    transition all 0.3s
+    &:hover
+      right 0
+      transform translateX(0)
+      box-shadow -1px 0 15px rgba(0,0,0,0.35)
     .message
-      margin-top -8px
+       line-height 50px
+       vertical-align top
     .shown, .hidden
       display inline-block
 
+.success
+  color #2cca2c
 .fail
   color #dc1d25
diff --git a/client/static/lib/prefixfree.min.js b/client/static/lib/prefixfree.min.js
diff --git a/client/views/index.jade b/client/views/index.jade
@@ -14,12 +14,13 @@ block body
               input(placeholder='Number')
               input(type='password', placeholder='Password')
             .control
-              icon.button.icon-remove
+              icon.success.icon-tick
+              icon.button.icon-cross
           li.card-item
             .input
               input(placeholder='Number')
               input(type='password', placeholder='Password')
-            .control.message
+            .control
               .shown
                 icon.fail.icon-cross
               .hidden

diff --git a/client/views/layouts/default.jade b/client/views/layouts/default.jade
@@ -11,4 +11,5 @@ html
     block body
     script(src='lib/jquery.min.js')
     script(src='lib/underscore.min.js')
+    script(src='lib/prefixfree.min.js')
     block scripts