101 lines
1.8 KiB
SCSS
101 lines
1.8 KiB
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
// This file is essentially a rip of the default ember notify styles with some minor tweaks for positioning.
|
|
@-webkit-keyframes ember-notify-show {
|
|
from {
|
|
left: -310px;
|
|
}
|
|
|
|
to {
|
|
left: 0;
|
|
}
|
|
}
|
|
@keyframes ember-notify-show {
|
|
from {
|
|
left: -310px;
|
|
}
|
|
|
|
to {
|
|
left: 0;
|
|
}
|
|
}
|
|
@-webkit-keyframes ember-notify-hide {
|
|
from {
|
|
left: 0;
|
|
}
|
|
|
|
to {
|
|
left: -310px;
|
|
}
|
|
}
|
|
@keyframes ember-notify-hide {
|
|
from {
|
|
left: 0;
|
|
}
|
|
|
|
to {
|
|
left: -310px;
|
|
}
|
|
}
|
|
|
|
.ember-notify-cn {
|
|
bottom: 0;
|
|
left: 0;
|
|
max-width: 300px;
|
|
position: fixed;
|
|
z-index: 5000;
|
|
}
|
|
|
|
.ember-notify {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
margin: 10px;
|
|
position: relative;
|
|
width: 300px;
|
|
|
|
.close {
|
|
cursor: pointer;
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.ember-notify-show {
|
|
-webkit-animation-duration: 500ms;
|
|
-webkit-animation-name: ember-notify-show;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
animation-duration: 500ms;
|
|
animation-name: ember-notify-show;
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
}
|
|
|
|
.ember-notify-hide {
|
|
-webkit-animation-duration: 250ms;
|
|
-webkit-animation-name: ember-notify-hide;
|
|
-webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
|
|
animation-duration: 250ms;
|
|
animation-name: ember-notify-hide;
|
|
animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
|
|
|
|
&:hover {
|
|
-moz-animation-play-state: paused;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
}
|
|
|
|
@media only screen and (width <= 680px) {
|
|
.ember-notify-cn {
|
|
box-sizing: border-box;
|
|
padding-left: 20px;
|
|
width: 100%;
|
|
}
|
|
|
|
.ember-notify {
|
|
float: right;
|
|
width: 100%;
|
|
}
|
|
}
|