snxraven/peardock-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
Raven Scott
2026-07-16 16:06:42 -04:00
parent b049a32928
commit c3009b4a1b
17 changed files with 3719 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+8 -8
View File
@@ -1,5 +1,5 @@
/* ═══════════════════════════════════════════════════════════
PearDock Website — Design System
PearDock Website · Design System
Brand tokens: #0f1117 · #2dd4bf · #f4f7fb
═══════════════════════════════════════════════════════════ */
@@ -398,7 +398,7 @@ pre {
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 1.15rem 1.25rem;
/* Long curl URLs have no spaces — break mid-token, never h-scroll */
/* Long curl URLs have no spaces · break mid-token, never h-scroll */
overflow-x: clip;
overflow-y: hidden;
max-width: 100%;
@@ -622,7 +622,7 @@ tr:hover td {
/*
* Bottom-only cradle: true semicircle under the pear.
* Full disc is positioned with its center on the bar bottom, then the top
* half is clipped away — so only a curve leaves and returns to the bar.
* half is clipped away · so only a curve leaves and returns to the bar.
* No top ring, no diameter stroke through the pear.
*/
.nav-brand::after {
@@ -651,7 +651,7 @@ tr:hover td {
}
.site-nav.scrolled .nav-brand::after {
/* Same glass + border as the bar — continuous under the pear */
/* Same glass + border as the bar · continuous under the pear */
background: var(--bg-glass);
backdrop-filter: blur(16px) saturate(1.4);
-webkit-backdrop-filter: blur(16px) saturate(1.4);
@@ -688,7 +688,7 @@ tr:hover td {
}
/*
* Free-floating pear — top stays inside the bar (no viewport clip);
* Free-floating pear · top stays inside the bar (no viewport clip);
* bottom hangs below and sits in the circular cradle.
*/
.nav-brand-logo {
@@ -954,7 +954,7 @@ body.docs-sidebar-open {
@media (max-width: 900px) {
:root {
--nav-h: 60px;
/* Fit fully inside the bar — no overflow / cradle on mobile */
/* Fit fully inside the bar · no overflow / cradle on mobile */
--brand-logo: 44px;
--brand-top-inset: 0px;
--brand-overhang: 0px;
@@ -1005,7 +1005,7 @@ body.docs-sidebar-open {
}
.nav-brand-logo {
/* Sit flush in the bar — no hang above/below */
/* Sit flush in the bar · no hang above/below */
align-self: center;
margin: 0;
width: var(--brand-logo);
@@ -1036,7 +1036,7 @@ body.docs-sidebar-open {
background: var(--bg-secondary);
border-bottom-color: var(--border);
max-height: min(100dvh, 100vh);
/* Drawer scrolls; pear may clip while open — ok vs closed overflow */
/* Drawer scrolls; pear may clip while open · ok vs closed overflow */
overflow-x: visible;
overflow-y: auto;
overscroll-behavior: contain;