59 lines
909 B
SCSS
59 lines
909 B
SCSS
|
body {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
overflow-x: hidden;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
#wrapper {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#main {
|
||
|
|
margin: 2vh 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#notifications {
|
||
|
|
overflow: hidden;
|
||
|
|
position: fixed;
|
||
|
|
right: 0;
|
||
|
|
z-index: 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
#notifications-column {
|
||
|
|
width: 100%;
|
||
|
|
margin: 5% 0 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.notification-slide-from-right {
|
||
|
|
position: relative;
|
||
|
|
animation-name: slideFromRight;
|
||
|
|
animation-duration: 0.5s;
|
||
|
|
animation-timing-function: ease;
|
||
|
|
transition: all 1s ease-out;
|
||
|
|
margin-right: 5%;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes slideFromRight {
|
||
|
|
from {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// .loader {
|
||
|
|
// width: 48px;
|
||
|
|
// height: 48px;
|
||
|
|
// border: 5px solid black;
|
||
|
|
// border-bottom-color: transparent;
|
||
|
|
// border-radius: 50%;
|
||
|
|
// display: inline-block;
|
||
|
|
// box-sizing: border-box;
|
||
|
|
// animation: rotation 1s linear infinite;
|
||
|
|
// }
|