145145
146146/* Enhanced animations and transitions */
147147@keyframes gentle-pulse {
148-
149148 0% ,
150149 100% {
151150 opacity : 1 ;
157156}
158157
159158@keyframes subtle-glow {
160-
161159 0% ,
162160 100% {
163- box-shadow : 0 0 5px color-mix (in srgb, var (--color-primary ) 20% , transparent);
161+ box-shadow : 0 0 5px
162+ color-mix (in srgb, var (--color-primary ) 20% , transparent);
164163 }
165164
166165 50% {
167- box-shadow : 0 0 10px color-mix (in srgb, var (--color-primary ) 30% , transparent);
166+ box-shadow : 0 0 10px
167+ color-mix (in srgb, var (--color-primary ) 30% , transparent);
168168 }
169169}
170170
@@ -193,10 +193,22 @@ body {
193193 background-color : var (--color-background );
194194 /* Enhanced dot pattern with subtle gradient */
195195 background-image :
196- radial-gradient (circle at 50% 50% , color-mix (in srgb, var (--color-primary ) 3% , transparent) 1.5px , transparent 1.5px ),
197- radial-gradient (circle at 25% 25% , color-mix (in srgb, var (--color-muted ) 5% , transparent) 1px , transparent 1px );
198- background-size : 32px 32px , 16px 16px ;
199- background-position : 0 0 , 8px 8px ;
196+ radial-gradient (
197+ circle at 50% 50% ,
198+ color-mix (in srgb, var (--color-primary ) 3% , transparent) 1.5px ,
199+ transparent 1.5px
200+ ),
201+ radial-gradient (
202+ circle at 25% 25% ,
203+ color-mix (in srgb, var (--color-muted ) 5% , transparent) 1px ,
204+ transparent 1px
205+ );
206+ background-size :
207+ 32px 32px ,
208+ 16px 16px ;
209+ background-position :
210+ 0 0 ,
211+ 8px 8px ;
200212 color : var (--color-foreground );
201213 font-family :
202214 system-ui,
@@ -224,20 +236,25 @@ div.preview * {
224236}
225237
226238::-webkit-scrollbar-thumb {
227- background : linear-gradient (45deg ,
228- color-mix (in srgb, var (--color-primary ) 40% , transparent),
229- color-mix (in srgb, var (--color-primary ) 60% , transparent));
239+ background : linear-gradient (
240+ 45deg ,
241+ color-mix (in srgb, var (--color-primary ) 40% , transparent),
242+ color-mix (in srgb, var (--color-primary ) 60% , transparent)
243+ );
230244 border-radius : 4px ;
231245 border : 1px solid color-mix (in srgb, var (--color-primary ) 20% , transparent);
232246 transition : all 0.2s ease;
233247}
234248
235249::-webkit-scrollbar-thumb : hover {
236- background : linear-gradient (45deg ,
237- color-mix (in srgb, var (--color-primary ) 60% , transparent),
238- color-mix (in srgb, var (--color-primary ) 80% , transparent));
250+ background : linear-gradient (
251+ 45deg ,
252+ color-mix (in srgb, var (--color-primary ) 60% , transparent),
253+ color-mix (in srgb, var (--color-primary ) 80% , transparent)
254+ );
239255 border-color : color-mix (in srgb, var (--color-primary ) 40% , transparent);
240- box-shadow : 0 2px 4px color-mix (in srgb, var (--color-primary ) 20% , transparent);
256+ box-shadow : 0 2px 4px
257+ color-mix (in srgb, var (--color-primary ) 20% , transparent);
241258}
242259
243260::-webkit-scrollbar-corner {
@@ -443,4 +460,4 @@ small {
443460 body {
444461 @apply bg-background text-foreground;
445462 }
446- }
463+ }
0 commit comments