Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-26 00:19:07 -05:00
Code Issues Activity

📎 Remove unused css for loader

Browse source
This commit is contained in:
Belén Albeza 2024-06-21 14:27:43 +02:00
parent cd8e2540de
commit ce9fb80558
2 changed files with 0 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
frontend/resources/styles/common/dependencies/animations.scss
View file

@ -71,49 +71,6 @@
animation-name: fadeInDown; animation-name: fadeInDown;
} }
// Loader animation
@keyframes pen1 {
0% {
transform: translateY(0px);
}
15% {
transform: translateY(-10px);
}
30% {
transform: translateY(0px);
}
}
@keyframes pen2 {
30% {
transform: translateY(0px);
}
45% {
transform: translateY(-10px);
}
60% {
transform: translateY(0px);
}
}
@keyframes pen3 {
60% {
transform: translateY(0px);
}
75% {
transform: translateY(-10px);
}
90% {
transform: translateY(0px);
}
}
@keyframes loaderColor { @keyframes loaderColor {
0% { 0% {
fill: #513b56; fill: #513b56;

33
frontend/resources/styles/main/partials/loader.scss
View file

@ -1,36 +1,3 @@
// full width BG
.loader-content {
align-items: center;
background-color: rgba(255, 255, 255, 0.85);
display: flex;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 40;
}
// 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 pencil loader // btn pencil loader
svg#loader-pencil { svg#loader-pencil {
fill: var(--color-accent-tertiary); fill: var(--color-accent-tertiary);