caramel/list.fur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

optimizations

Browse Source
This commit is contained in:
planetabhi
2024-12-16 13:43:47 +05:30
parent a1653df7b5
commit 4fc6879168
2 changed files with 2 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/CategoryNavItem.css
+1 -1
View File
@@ -4,7 +4,7 @@
border: none;
outline: none;
background: none;
cursor: var(--cursor-pointer);
cursor: pointer;
border-bottom: 2px solid transparent;
font-family: var(--body-copy);
font-weight: 400;
src/layouts/Layout.astro
+1 -40
View File
@@ -117,20 +117,10 @@ const { site, title, tagline } = Astro.props;
:root {
--accent: var(--link);
--body-copy: "Inter", var(--system-ui);
--c-text:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 5.333h2.667v1.334H12V5.333ZM16 8h-1.333V6.667H16V8Zm1.333 0H16v16h-1.333v1.333H12v1.334h2.667v-1.334H16V24h1.333v1.333h1.334v1.334h2.666v-1.334h-2.666V24h-1.334V8Zm1.334-1.333V8h-1.334V6.667h1.334Zm0 0V5.333h2.666v1.334h-2.666Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M20 4h1.333v1.333h-2.666V4H20Zm-1.333 2.667V5.333h-1.334v1.334H16V5.333h-1.333V4H12v1.333h-1.333v1.334H12V8h2.667v16H12v1.333h-1.333v1.334H12V28h2.667v-1.333H16v-1.334h1.333v1.334h1.334V28h2.666v-1.333h1.334v-1.334h-1.334V24h-2.666V8h2.666V6.667h1.334V5.333h-1.334v1.334h-2.666ZM17.333 8V6.667h1.334V8h-1.334Zm0 16V8H16V6.667h-1.333V5.333H12v1.334h2.667V8H16v16h-1.333v1.333H12v1.334h2.667v-1.334H16V24h1.333Zm0 0v1.333h1.334v1.334h2.666v-1.334h-2.666V24h-1.334Z' clip-rule='evenodd'/%3E%3C/svg%3E"
) 16 16, auto;
--c-pointer:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 5.333h2.667v1.334H12V5.333Zm0 8V6.667h-1.333v6.666H8v1.334H6.667v2.666H8v1.334h1.333v2.666h1.334v1.334H12V24h1.333v2.667h5.334v-1.334h2.666v1.334h1.334v-1.334H24v-2.666h1.333V20h1.334v-6.667h-1.334V12h-2.666v-1.333h-4V9.333H16V6.667h-1.333v6.666H16v-2.666h2.667v2.666H20V12h2.667v2.667H24v-1.334h1.333V20H24v2.667h-1.333v-5.334h-1.334v5.334h1.334v2.666h-1.334V24h-2.666v1.333h-4V24h-1.334v-1.333H12v-1.334h-1.333v-4H8v-2.666h2.667V16H12v1.333h1.333v-4H12Zm0 0h-1.333v1.334H12v-1.334Zm6.667 4H20v5.334h-1.333v-5.334Zm-1.334 0H16v5.334h1.333v-5.334Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 6.667h2.667v6.666H16v-2.666h2.667v2.666H20V12h2.667v2.667H24v-1.334h1.333V20H24v2.667h-1.333v-5.334h-1.334v5.334h1.334v2.666h-1.334V24h-2.666v1.333h-4V24h-1.334v-1.333H12v-1.334h-1.333v-4H8v-2.666h2.667V16H12v1.333h1.333v-4H12V6.667Zm4 10.666v5.334h1.333v-5.334H16Zm2.667 0v5.334H20v-5.334h-1.333Z' clip-rule='evenodd'/%3E%3C/svg%3E"
) 13 7, auto;
--c-arrow:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 6.667h-1.333v14.666H12V20h1.333v-1.333h1.334V20H16v2.667h1.333v2.666H20v-2.666h-1.333V20h-1.334v-2.667h4V16H20v-1.333h-1.333v-1.334h-1.334V12H16v-1.333h-1.333V9.333h-1.334V8H12V6.667Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10.667 5.333H12v1.334h-1.333V5.333Zm0 16H9.333V6.667h1.334v14.666Zm1.333 0v1.334h-1.333v-1.334H12ZM13.333 20v1.333H12V20h1.333Zm1.334 0h-1.334v-1.333h1.334V20ZM16 22.667h-1.333V20H16v2.667Zm1.333 2.666H16v-2.666h1.333v2.666Zm2.667 0v1.334h-2.667v-1.334H20Zm0-2.666h1.333v2.666H20v-2.666ZM18.667 20H20v2.667h-1.333V20Zm-1.334-1.333V20h1.334v-1.333h2.666v-1.334h1.334V16h-1.334v-1.333H20v-1.334h-1.333V12h-1.334v-1.333H16V9.333h-1.333V8h-1.334V6.667H12V8h1.333v1.333h1.334v1.334H16V12h1.333v1.333h1.334v1.334H20V16h1.333v1.333h-4v1.334Z' clip-rule='evenodd'/%3E%3C/svg%3E"
) 11 7, auto;
}
html {
font-family: var(--body-copy);
background-color: var(--background);
cursor: var(--c-arrow);
}
body {
margin: 0;
@@ -138,12 +128,6 @@ const { site, title, tagline } = Astro.props;
width: 100%;
overflow-x: hidden;
}
p, h1, h2, h3, h4, h5, h6, li, pre, code, strong, dl, dt {
cursor: var(--c-text);
}
a, a *, button {
cursor: var(--c-pointer);
}
main,
.container {
margin: var(--spacing-09);
@@ -184,7 +168,6 @@ const { site, title, tagline } = Astro.props;
outline: none;
text-decoration: none;
color: inherit;
cursor: var(--c-pointer);
color: var(--text-secondary);
background-color: var(--background);
border-radius: var(--spacing-03);
@@ -222,7 +205,7 @@ const { site, title, tagline } = Astro.props;
border: none;
padding: var(--spacing-00);
color: var(--icon-secondary);
cursor: var(--c-pointer);
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
display: flex;
@@ -287,28 +270,6 @@ const { site, title, tagline } = Astro.props;
}
}
@media (hover: hover) and (pointer: fine) {
p,
h1,
h2,
h3,
h4,
h5,
h6 {
cursor:var(--c-text);
}
a,
a *,
button:not(.tooltip-btn),
button:not(.tooltip-btn) *,
select,
input[type=checkbox] {
cursor:var(--c-pointer);
}
button[aria-disabled='true'] {
pointer-events:none;
}
}
</style>
<script is:inline>