diff options
| author |   Israel Lavi <il0695@att.com> | 2018-08-07 10:54:17 +0300 |
|---|---|---|
| committer | Israel Lavi <il0695@att.com> | 2018-08-07 11:06:44 +0300 |
| commit | b2a3acea0d0f66028c9ce5fad02d4ecc64abf70c (patch) | |
| tree | 8d70110f34cb845965c42a5915e950bca967d2c3 /components/notification | |
| parent | 05b37297177e8a342668c15e5d6f738b51f7aedd (diff) | |
Initial commit.
Adding files needed for Linux Foundation.
Change-Id: I9f2b4851a5ae01f83800c7f8bab8608a2221c730
Issue-ID: SDC-1608
Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'components/notification')
| -rw-r--r-- | components/notification/_notification.scss | 59 | ||||
| -rw-r--r-- | components/notification/notification-info.html | 3 |
2 files changed, 0 insertions, 62 deletions
diff --git a/components/notification/_notification.scss b/components/notification/_notification.scss deleted file mode 100644 index dafe8d4..0000000 --- a/components/notification/_notification.scss +++ /dev/null @@ -1,59 +0,0 @@ -@include mixin-keyframes-fade-in-vertically(-50px, 'keyframes-slide-notif-in'); -@include mixin-keyframes-fade-out-vertically(20px, 'keyframes-slide-notif-out'); - -.sdc-notification { - position:relative; - - .sdc-notification__wrapper { - padding: 10px; - margin-top:10px; - width: 212px; - animation: keyframes-slide-notif-in 1s; - - &.fade-out__animated { - animation: keyframes-slide-notif-out 0.8s - } - - &.type-info { - background-color: #0e90d2; } - - &.type-error { - background-color: #dd514c; } - - &.type-success { - background-color: #5eb95e; } - - &.type-warn { - background-color: #f37b1d; } - } - - .sdc-notification__content { - display:flex; - flex-direction:row; - - .sdc-notification__icon { - flex: 0 0 auto; - height: 32px; - width: 32px; - margin: 0 14px 0 7px; - background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2382c355%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23ebf5e4%3Bstroke-miterlimit%3A10%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Evicon%3C/title%3E%3Cg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22/%3E%3C/g%3E%3Cg%20id%3D%22Layer_4%22%20data-name%3D%22Layer%204%22%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%227.46%2017.43%2015.36%2021.74%2022.54%208.57%22/%3E%3C/g%3E%3C/svg%3E') - } - - .sdc-notification__message { - flex: 1; - text-align: left; - - .sdc-notification__title { - font-size:13px; - color: white; - } - - .sdc-notification__text { - font-size: 12px; - color: white; - } - } - - } - -} diff --git a/components/notification/notification-info.html b/components/notification/notification-info.html deleted file mode 100644 index 6eab4c0..0000000 --- a/components/notification/notification-info.html +++ /dev/null @@ -1,3 +0,0 @@ -<div class="sdc-notification"> - -</div> |