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 @@ + + + + + + + + +