diff --git a/app/styles/app/layouts/profile.sass b/app/styles/app/layouts/profile.sass
index caaace62..b5610931 100644
--- a/app/styles/app/layouts/profile.sass
+++ b/app/styles/app/layouts/profile.sass
@@ -185,16 +185,15 @@ p.profile-user-last
+linkStyle
.hooks-error
- width: 100%;
- padding: 0 $column-gutter/2;
- margin-top: 3.3rem;
+ width: 100%
+ margin-top: 1.3rem
p
position: relative
- padding: $column-gutter/2 $column-gutter*2 $column-gutter/2 $column-gutter/2;
- color: #de4248
- background-color: #f1b6ad
+ padding: .7em 1.5em .7em 0.5em
+ color: $brick-red
+ background-color: $quartz-red
a
- color: #de4248
+ color: $brick-red
text-decoration: underline
&:after
content: ""
@@ -203,14 +202,14 @@ p.profile-user-last
left: 1.5em
width: 1.2em
height: 1.2em
- background: #f1b6ad
+ background: $quartz-red
transform: rotate(45deg)
.close
@extend .icon
+ @extend %icon-line-cross-red
position: absolute
top: 1em
right: 1em
- @extend .icon--dismiss-red
.profile-token-toggle
.icon-eye
diff --git a/app/styles/app/modules/flash.sass b/app/styles/app/modules/flash.sass
index c5b125b1..4af87798 100644
--- a/app/styles/app/modules/flash.sass
+++ b/app/styles/app/modules/flash.sass
@@ -1,6 +1,5 @@
.flash
@include resetul
- font-size: 18px
text-align: center
height: 0
li
@@ -12,8 +11,6 @@
height: 0
animation: comeIn 7s 1 ease
z-index: 90
- li.broadcast
- height: auto
.close
@extend .icon
@@ -27,21 +24,18 @@
padding: .4em 0
margin: 0
- li.broadcast p
- padding: .7em 5em
-
.success,
.notice
color: $turf-green
background-color: $seed-green
.close
- @extend .icon--dismiss-green
+ @extend .icon-line-cross-green
.error
color: $brick-red
background-color: $quartz-red
.close
- @extend .icon--dismiss-red
+ @extend .icon-line-cross-red
@keyframes comeIn
0%
diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass
index 2212d355..e51e4b2b 100644
--- a/app/styles/app/modules/icons.sass
+++ b/app/styles/app/modules/icons.sass
@@ -29,16 +29,6 @@
.icon--search
background-image: inline-image('stroke-icons/icon-search.svg')
-.icon--dismiss-yellow
- background-image: inline-image('ui/icon-warning-dismiss.svg')
-.icon--dismiss-green
- background-image: inline-image('ui/icon-success-dismiss.svg')
-.icon--dismiss-red
- background-image: inline-image('ui/icon-error-dismiss.svg')
-
-.icon--dismiss-grey
- background-image: inline-image('ui/dismiss.svg')
-
%icon-line-trashcan
background-image: inline-image('stroke-icons/icon-trash.svg')
%icon-line-trashcan-red
@@ -178,6 +168,12 @@
background-image: inline-image('stroke-icons/icon-failed-white.svg')
%icon-line-cross-teal
background-image: inline-image('stroke-icons/icon-failed-teal.svg')
+%icon-line-cross-red
+ background-image: inline-image('stroke-icons/icon-failed-red.svg')
+%icon-line-cross-green
+ background-image: inline-image('stroke-icons/icon-failed-green.svg')
+%icon-line-cross-yellow
+ background-image: inline-image('stroke-icons/icon-failed-yellow.svg')
.icon-deactivate
@extend .icon
diff --git a/public/images/stroke-icons/icon-failed-green.svg b/public/images/stroke-icons/icon-failed-green.svg
new file mode 100755
index 00000000..087ff317
--- /dev/null
+++ b/public/images/stroke-icons/icon-failed-green.svg
@@ -0,0 +1,12 @@
+
+
+
diff --git a/public/images/stroke-icons/icon-failed-red.svg b/public/images/stroke-icons/icon-failed-red.svg
new file mode 100755
index 00000000..0bcdedd0
--- /dev/null
+++ b/public/images/stroke-icons/icon-failed-red.svg
@@ -0,0 +1,12 @@
+
+
+
diff --git a/public/images/stroke-icons/icon-failed-yellow.svg b/public/images/stroke-icons/icon-failed-yellow.svg
new file mode 100755
index 00000000..42e350e4
--- /dev/null
+++ b/public/images/stroke-icons/icon-failed-yellow.svg
@@ -0,0 +1,12 @@
+
+
+