gitea_pages/frontend/scss/styles.scss

59 lines
909 B
SCSS
Raw Normal View History

2023-05-21 16:58:10 +00:00
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;
// }