mirror of
https://github.com/penpot/penpot.git
synced 2025-01-25 16:09:17 -05:00
42 lines
672 B
SCSS
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;
|
|
}
|