From 42d58f58ca083cb3022d81ea894670b57c849af5 Mon Sep 17 00:00:00 2001 From: Julien Calixte Date: Mon, 26 Aug 2019 02:37:15 +0200 Subject: [PATCH] style: update style --- src/styles/index.scss | 55 +++---------------------------------------- 1 file changed, 3 insertions(+), 52 deletions(-) diff --git a/src/styles/index.scss b/src/styles/index.scss index 5620389..48eb822 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -82,59 +82,10 @@ img { } } -.notyf { - left: 30px; - right: auto; -} - -@media only screen and (max-width: 768px) { +@media only screen and (min-width: 768px) { .notyf { - left: 0; - right: 0; - width: 100%; - } - - @keyframes a { - 0% { - bottom: -15px; - margin-top: 0; - max-height: 0; - max-width: 0; - opacity: 0; - } - - 30% { - bottom: -3px; - opacity: 0.8; - } - - to { - bottom: 0; - margin-top: 12px; - max-height: 200px; - max-width: 100%; - opacity: 1; - } - } - - .notyf__message { - animation: a 0.3s forwards; - animation-delay: 0.15s; - position: relative; - width: 100%; - } -} - -.notyf__toast { - &.notyf--confirm { - background-color: $primary; - } -} - -.notyf__icon--confirm { - &::after, - &::before { - background-color: $primary; + left: 30px; + right: auto; } }