Refactor app.css to streamline imports and enhance global styles; update class names in landingpage.svelte for consistency
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user