vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #3511 - ProgressSpinner| color updates

pull/3518/head^2
Tuğçe Küçükoğlu 2023-01-10 17:39:41 +03:00
parent 480dda1d7c
commit 4225675afc
44 changed files with 1935 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
components/progressspinner/ProgressSpinner.vue
View File

@ -49,7 +49,6 @@ export default {
} }
.p-progress-spinner-svg { .p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
height: 100%; height: 100%;
transform-origin: center center; transform-origin: center center;
width: 100%; width: 100%;
@ -60,50 +59,4 @@ export default {
right: 0; right: 0;
margin: auto; margin: auto;
} }
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #d62d20;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%,
0% {
stroke: #d62d20;
}
40% {
stroke: #0057e7;
}
66% {
stroke: #008744;
}
80%,
90% {
stroke: #ffa700;
}
}
</style> </style>

45
public/themes/arya-blue/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/arya-green/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/arya-orange/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/arya-purple/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -5731,6 +5731,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #721c24;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #721c24;
}
40% {
stroke: #004085;
}
66% {
stroke: #155724;
}
80%, 90% {
stroke: #856404;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -5731,6 +5731,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #721c24;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #721c24;
}
40% {
stroke: #004085;
}
66% {
stroke: #155724;
}
80%, 90% {
stroke: #856404;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/bootstrap4-light-blue/theme.css
View File

@ -5731,6 +5731,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #721c24;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #721c24;
}
40% {
stroke: #004085;
}
66% {
stroke: #155724;
}
80%, 90% {
stroke: #856404;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/bootstrap4-light-purple/theme.css
View File

@ -5731,6 +5731,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #721c24;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #721c24;
}
40% {
stroke: #004085;
}
66% {
stroke: #155724;
}
80%, 90% {
stroke: #856404;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/fluent-light/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 2px; line-height: 2px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #323130;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #323130;
}
40% {
stroke: #323130;
}
66% {
stroke: #323130;
}
80%, 90% {
stroke: #323130;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/lara-dark-blue/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #ff5757;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #ff5757;
}
40% {
stroke: #696cff;
}
66% {
stroke: #1ea97c;
}
80%, 90% {
stroke: #cc8925;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/lara-dark-indigo/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #ff5757;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #ff5757;
}
40% {
stroke: #696cff;
}
66% {
stroke: #1ea97c;
}
80%, 90% {
stroke: #cc8925;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/lara-dark-purple/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #ff5757;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #ff5757;
}
40% {
stroke: #696cff;
}
66% {
stroke: #1ea97c;
}
80%, 90% {
stroke: #cc8925;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/lara-dark-teal/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #ff5757;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #ff5757;
}
40% {
stroke: #696cff;
}
66% {
stroke: #1ea97c;
}
80%, 90% {
stroke: #cc8925;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/lara-light-blue/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #ff5757;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #ff5757;
}
40% {
stroke: #696cff;
}
66% {
stroke: #1ea97c;
}
80%, 90% {
stroke: #cc8925;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/lara-light-indigo/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #ff5757;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #ff5757;
}
40% {
stroke: #696cff;
}
66% {
stroke: #1ea97c;
}
80%, 90% {
stroke: #cc8925;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/lara-light-purple/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #ff5757;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #ff5757;
}
40% {
stroke: #696cff;
}
66% {
stroke: #1ea97c;
}
80%, 90% {
stroke: #cc8925;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/lara-light-teal/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #ff5757;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #ff5757;
}
40% {
stroke: #696cff;
}
66% {
stroke: #1ea97c;
}
80%, 90% {
stroke: #cc8925;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/luna-amber/theme.css
View File

@ -5682,6 +5682,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/luna-blue/theme.css
View File

@ -5682,6 +5682,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/luna-green/theme.css
View File

@ -5682,6 +5682,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/luna-pink/theme.css
View File

@ -5682,6 +5682,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/md-dark-deeppurple/theme.css
View File

@ -5743,6 +5743,51 @@
line-height: 4px; line-height: 4px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #B71C1C;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #B71C1C;
}
40% {
stroke: #01579B;
}
66% {
stroke: #1B5E20;
}
80%, 90% {
stroke: #7f6003;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/md-dark-indigo/theme.css
View File

@ -5743,6 +5743,51 @@
line-height: 4px; line-height: 4px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #B71C1C;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #B71C1C;
}
40% {
stroke: #01579B;
}
66% {
stroke: #1B5E20;
}
80%, 90% {
stroke: #7f6003;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/md-light-deeppurple/theme.css
View File

@ -5743,6 +5743,51 @@
line-height: 4px; line-height: 4px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #B71C1C;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #B71C1C;
}
40% {
stroke: #01579B;
}
66% {
stroke: #1B5E20;
}
80%, 90% {
stroke: #7f6003;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/md-light-indigo/theme.css
View File

@ -5743,6 +5743,51 @@
line-height: 4px; line-height: 4px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #B71C1C;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #B71C1C;
}
40% {
stroke: #01579B;
}
66% {
stroke: #1B5E20;
}
80%, 90% {
stroke: #7f6003;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -5743,6 +5743,51 @@
line-height: 4px; line-height: 4px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #B71C1C;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #B71C1C;
}
40% {
stroke: #01579B;
}
66% {
stroke: #1B5E20;
}
80%, 90% {
stroke: #7f6003;
}
}
.p-scrolltop { .p-scrolltop {
width: 2.75rem; width: 2.75rem;
height: 2.75rem; height: 2.75rem;

45
public/themes/mdc-dark-indigo/theme.css
View File

@ -5743,6 +5743,51 @@
line-height: 4px; line-height: 4px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #B71C1C;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #B71C1C;
}
40% {
stroke: #01579B;
}
66% {
stroke: #1B5E20;
}
80%, 90% {
stroke: #7f6003;
}
}
.p-scrolltop { .p-scrolltop {
width: 2.75rem; width: 2.75rem;
height: 2.75rem; height: 2.75rem;

45
public/themes/mdc-light-deeppurple/theme.css
View File

@ -5743,6 +5743,51 @@
line-height: 4px; line-height: 4px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #B71C1C;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #B71C1C;
}
40% {
stroke: #01579B;
}
66% {
stroke: #1B5E20;
}
80%, 90% {
stroke: #7f6003;
}
}
.p-scrolltop { .p-scrolltop {
width: 2.75rem; width: 2.75rem;
height: 2.75rem; height: 2.75rem;

45
public/themes/mdc-light-indigo/theme.css
View File

@ -5743,6 +5743,51 @@
line-height: 4px; line-height: 4px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #B71C1C;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #B71C1C;
}
40% {
stroke: #01579B;
}
66% {
stroke: #1B5E20;
}
80%, 90% {
stroke: #7f6003;
}
}
.p-scrolltop { .p-scrolltop {
width: 2.75rem; width: 2.75rem;
height: 2.75rem; height: 2.75rem;

45
public/themes/nova-accent/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/nova-alt/theme.css
View File

@ -5682,6 +5682,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/nova-vue/theme.css
View File

@ -5682,6 +5682,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/nova/theme.css
View File

@ -5682,6 +5682,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/rhea/theme.css
View File

@ -5670,6 +5670,51 @@
line-height: 24px; line-height: 24px;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #212121;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #212121;
}
40% {
stroke: #212121;
}
66% {
stroke: #212121;
}
80%, 90% {
stroke: #212121;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/saga-blue/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/saga-green/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/saga-orange/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/saga-purple/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/tailwind-light/theme.css
View File

@ -5754,6 +5754,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #DC2626;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #DC2626;
}
40% {
stroke: #2563EB;
}
66% {
stroke: #059669;
}
80%, 90% {
stroke: #D97706;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/vela-blue/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/vela-green/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/vela-orange/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;

45
public/themes/vela-purple/theme.css
View File

@ -5719,6 +5719,51 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.p-progress-spinner-svg {
animation: p-progress-spinner-rotate 2s linear infinite;
}
.p-progress-spinner-circle {
stroke-dasharray: 89, 200;
stroke-dashoffset: 0;
stroke: #73000c;
animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes p-progress-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes p-progress-spinner-color {
100%, 0% {
stroke: #73000c;
}
40% {
stroke: #044868;
}
66% {
stroke: #224a23;
}
80%, 90% {
stroke: #6d5100;
}
}
.p-scrolltop { .p-scrolltop {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;