style: update style

This commit is contained in:
Julien Calixte
2019-08-26 02:37:15 +02:00
parent c0d647e887
commit 42d58f58ca

View File

@@ -82,59 +82,10 @@ img {
} }
} }
.notyf { @media only screen and (min-width: 768px) {
.notyf {
left: 30px; left: 30px;
right: auto; right: auto;
}
@media only screen and (max-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;
} }
} }