Refactor app.css to streamline imports and enhance global styles; update class names in landingpage.svelte for consistency

This commit is contained in:
Rotimi Best
2026-03-28 20:13:08 +01:00
parent 3d608bf7f0
commit c58953a018
2 changed files with 9 additions and 9 deletions
+6 -6
View File
@@ -1,5 +1,11 @@
/*Write your global styles here, in PostCSS syntax */
@import 'tailwindcss';
@import '@cio/ui/output.css';
@custom-variant dark (&:where(.dark, .dark *));
/* Geist variable font — self-hosted */
@font-face {
font-family: 'Geist';
@@ -32,12 +38,6 @@
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@import 'tailwindcss';
@import '@cio/ui/output.css';
@custom-variant dark (&:where(.dark, .dark *));
/** Global scrollbar styles */
html {
--scrollbarBG: #fff;
@@ -34,9 +34,9 @@
class="layout-template-icon"
class:animate={isHovered}
>
<rect width="18" height="7" x="3" y="3" rx="1" class="ui:top-panel" />
<rect width="9" height="7" x="3" y="14" rx="1" class="ui:bottom-left-panel" />
<rect width="5" height="7" x="16" y="14" rx="1" class="ui:bottom-right-panel" />
<rect width="18" height="7" x="3" y="3" rx="1" class="top-panel" />
<rect width="9" height="7" x="3" y="14" rx="1" class="bottom-left-panel" />
<rect width="5" height="7" x="16" y="14" rx="1" class="bottom-right-panel" />
</svg>
</div>