💄 Site > Alert > Add style

2017-09-03 23:56:59 +02:00
parent 1e5c3afa9a
commit ff579e9edc
2 changed files with 26 additions and 2 deletions
@@ -1,4 +1,27 @@
 .alert
+    display block
    position fixed
    bottom 0
-    right 30px
+    right 60px
+    width 62px
+    height 40px
+    background #24263A
+
+    .icon
+        position absolute
+        top 10px
+        left 18px
+
+        &.default
+            display inline-block
+
+        &.hover
+            display none
+
+    &:hover
+        .icon
+            &.default
+                display none
+
+            &.hover
+                display inline-block
@@ -1,3 +1,4 @@
 <a href="#" class="alert" @click.prevent="onAlertClick">
-    /!\
+    <img class="icon default" src="../../../static/svg/alert.svg" alt="">
+    <img class="icon hover" src="../../../static/svg/alert-hover.svg" alt="">
 </a>