0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-31 19:39:07 -05:00
penpot/resources/styles/partials/loader.scss
2016-04-16 11:22:44 +03:00

42 lines
672 B
SCSS

// full width BG
.loader-content {
align-items: center;
background-color: rgba(255,255,255, .85);
display: flex;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
// full with loader CSS
svg#loader-icon {
height: 100px;
width: 100px;
animation: loaderColor 5s infinite ease;
}
#loader-pen1 {
animation: pen1 2s infinite ease;
}
#loader-pen2 {
animation: pen2 2s infinite ease;
}
#loader-pen3 {
animation: pen3 2s infinite ease;
}
// btn prncil loader
svg#loader-pencil {
fill: $color-primary-darker;
width: 60px;
}
#loader-line {
animation: linePencil .8s infinite linear;
}