this repo has no description
moritz.vongoewels.de
1#htmx-progress {
2 position: fixed;
3 top: 0;
4 z-index: 1000;
5 height: 4px;
6 width: 100%;
7 border-radius: 2px;
8 background-clip: padding-box;
9 overflow: hidden;
10}
11#htmx-progress .indeterminate:before {
12 content: "";
13 position: absolute;
14 background-color: inherit;
15 top: 0;
16 left: 0;
17 bottom: 0;
18 will-change: left, right;
19 -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
20 infinite;
21 animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
22}
23#htmx-progress .indeterminate:after {
24 content: "";
25 position: absolute;
26 background-color: inherit;
27 top: 0;
28 left: 0;
29 bottom: 0;
30 will-change: left, right;
31 -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
32 infinite;
33 animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
34 infinite;
35 -webkit-animation-delay: 1.15s;
36 animation-delay: 1.15s;
37}
38#htmx-progress {
39 display: none;
40}
41.htmx-request #htmx-progress {
42 display: inline;
43}
44.htmx-request#htmx-progress {
45 display: inline;
46}
47@-webkit-keyframes indeterminate {
48 0% {
49 left: -35%;
50 right: 100%;
51 }
52 60% {
53 left: 100%;
54 right: -90%;
55 }
56 100% {
57 left: 100%;
58 right: -90%;
59 }
60}
61@keyframes indeterminate {
62 0% {
63 left: -35%;
64 right: 100%;
65 }
66 60% {
67 left: 100%;
68 right: -90%;
69 }
70 100% {
71 left: 100%;
72 right: -90%;
73 }
74}
75@-webkit-keyframes indeterminate-short {
76 0% {
77 left: -200%;
78 right: 100%;
79 }
80 60% {
81 left: 107%;
82 right: -8%;
83 }
84 100% {
85 left: 107%;
86 right: -8%;
87 }
88}
89@keyframes indeterminate-short {
90 0% {
91 left: -200%;
92 right: 100%;
93 }
94 60% {
95 left: 107%;
96 right: -8%;
97 }
98 100% {
99 left: 107%;
100 right: -8%;
101 }
102}