-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyles.css
More file actions
29 lines (29 loc) · 11.1 KB
/
Copy pathstyles.css
File metadata and controls
29 lines (29 loc) · 11.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
:root{color-scheme:light dark;--bg:#f7f8fc;--surface:#fff;--text:#171923;--muted:#626978;--soft:#8d93a1;--border:#dfe3ec;--header:rgba(247,248,252,.86);--accent:#247ce5;--accent-strong:#1766c6;--accent-soft:#e7f1ff;--primary:#1766c6;--primary-hover:#1057aa;--primary-text:#fff;--shadow:0 20px 60px rgba(29,39,65,.14);--max:1120px;--ease:cubic-bezier(.23,1,.32,1)}
html[data-theme=dark]{color-scheme:dark;--bg:#161616;--surface:#212121;--text:#f4f6fb;--muted:#a8aeba;--soft:#747a86;--border:#373737;--header:rgba(22,22,22,.88);--accent:#2c9cff;--accent-strong:#64b6ff;--accent-soft:rgba(44,156,255,.13);--primary:#64b6ff;--primary-hover:#83c5ff;--primary-text:#071521;--shadow:0 28px 80px rgba(0,0,0,.34)}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--bg:#161616;--surface:#212121;--text:#f4f6fb;--muted:#a8aeba;--soft:#747a86;--border:#373737;--header:rgba(22,22,22,.88);--accent:#2c9cff;--accent-strong:#64b6ff;--accent-soft:rgba(44,156,255,.13);--primary:#64b6ff;--primary-hover:#83c5ff;--primary-text:#071521;--shadow:0 28px 80px rgba(0,0,0,.34)}}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei UI","Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color 180ms var(--ease),color 180ms var(--ease)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--accent);color:var(--bg)}
.arrow-mark{position:relative;width:14px;height:14px;display:inline-block;flex:0 0 auto}.arrow-mark:before{content:"";position:absolute;left:1px;top:6px;width:10px;height:1.5px;background:currentColor;border-radius:2px}.arrow-mark:after{content:"";position:absolute;right:1px;top:4px;width:5px;height:5px;border-top:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)}.arrow-external{transform:rotate(-45deg)}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 14px;border-radius:8px;background:var(--text);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid transparent;background:var(--header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header.scrolled{border-bottom-color:var(--border)}.header-inner{width:min(calc(100% - 40px),var(--max));height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:700}.brand-logo{width:34px;height:34px;background:center/contain no-repeat url(assets/dl-logo-dark.png)}html[data-theme=dark] .brand-logo{background-image:url(assets/dl-logo-white.png)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .brand-logo{background-image:url(assets/dl-logo-white.png)}}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:22px}.main-nav a{position:relative;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.main-nav a:hover,.main-nav a.is-active{color:var(--accent)}.main-nav a.is-active:after{transform:scaleX(1)}.header-actions{display:flex;gap:8px}.theme-toggle,.menu-toggle{height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.theme-toggle{min-width:68px;grid-template-columns:20px auto;gap:5px;padding:0 10px}.theme-mode-text{font-size:12px;font-weight:700}.theme-icon{font-size:19px}.menu-toggle{display:none;width:40px;gap:4px;padding:10px}.menu-toggle span{width:18px;height:1.5px;background:currentColor}
main,.site-footer{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.intro{min-height:390px;padding:150px 0 72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;border-bottom:1px solid var(--border)}.intro-mark{width:64px;height:64px;object-fit:contain}.intro-copy h1{margin:0 0 12px;font-size:clamp(42px,6vw,68px);font-weight:780;line-height:1;letter-spacing:-.035em}.intro-copy p{max-width:46em;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.org-link{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:13px;font-weight:650}.project-section{padding:86px 0;scroll-margin-top:54px}.project-section.secondary{padding-top:28px}.section-heading{display:grid;grid-template-columns:190px 1fr;align-items:baseline;gap:28px;margin-bottom:28px}.section-heading h2{margin:0;font-size:28px;letter-spacing:-.02em}.section-heading p{margin:0;color:var(--muted);font-size:13px}.project-list{border-top:1px solid var(--border)}.project-row{border-bottom:1px solid var(--border)}.featured-row{min-height:184px;padding:32px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:44px}.project-identity{display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px}.project-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:800}.project-symbol-image{background:transparent}.project-symbol-image img{width:42px;height:42px;object-fit:contain}.project-kind{margin:0 0 7px;color:var(--soft);font-size:13px;font-weight:650}.project-row h3{margin:0;overflow-wrap:anywhere;font-size:20px;line-height:1.3}.project-description,.compact-row p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.project-description{max-width:55ch}.project-actions{display:flex;gap:10px}.action-primary,.action-secondary{min-height:44px;display:flex;align-items:center;gap:11px;padding:0 16px;border:1px solid var(--border);border-radius:9px;font-size:13px;font-weight:700;white-space:nowrap}.action-primary{border-color:transparent;background:var(--primary);color:var(--primary-text)}.action-primary:hover{background:var(--primary-hover)}.action-secondary:hover{border-color:var(--accent);color:var(--accent)}.compact-row{min-height:116px;padding:23px 0;display:grid;grid-template-columns:52px minmax(0,1fr) 100px 120px;align-items:center;gap:22px}.compact-row:hover{color:var(--accent)}.compact-row .project-symbol{width:40px;height:40px;border-radius:10px;font-size:12px}.compact-row h3{font-size:17px}.compact-row p{margin-top:5px}.repo-meta{color:var(--soft);font-size:13px}.row-action{display:flex;justify-content:flex-end;align-items:center;gap:9px;color:var(--accent);font-size:13px;font-weight:650;white-space:nowrap}
.site-footer{min-height:150px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;color:var(--soft);border-top:1px solid var(--border)}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{color:var(--text);font-size:13px}.footer-brand small,.site-footer>p,.footer-center{font-size:11px}.footer-center{display:flex;gap:18px}.footer-center a{display:flex;align-items:center;gap:7px}.site-footer>p{justify-self:end}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:820px){.main-nav{gap:20px}.intro{grid-template-columns:auto 1fr}.org-link{grid-column:2}.featured-row{grid-template-columns:1fr;gap:22px}.project-actions{padding-left:74px}.compact-row{grid-template-columns:48px 1fr 110px}.repo-meta{display:none}.site-footer{grid-template-columns:1fr auto}.footer-center{grid-column:1/-1;grid-row:2}}
@media(max-width:760px){.main-nav{position:absolute;top:64px;left:14px;right:14px;display:flex;visibility:hidden;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);opacity:0;pointer-events:none}.main-nav.open{visibility:visible;opacity:1;pointer-events:auto}.main-nav a{padding:13px 12px}.menu-toggle{display:grid}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}}
@media(max-width:620px){.header-inner,main,.site-footer{width:min(calc(100% - 28px),var(--max))}.header-inner{height:64px}.brand>span:last-child{display:none}.intro{min-height:auto;padding:118px 0 58px;grid-template-columns:52px 1fr;gap:20px}.intro-mark{width:52px;height:52px}.intro-copy h1{font-size:38px}.intro-copy p{font-size:15px}.org-link{grid-column:1/-1}.project-section{padding:68px 0}.project-section.secondary{padding-top:10px}.section-heading{grid-template-columns:1fr;gap:8px}.featured-row{padding:28px 0}.project-identity{grid-template-columns:44px 1fr;gap:16px}.project-symbol{width:40px;height:40px}.project-row h3{font-size:18px}.project-actions{padding-left:0;display:grid;grid-template-columns:1fr 1fr}.compact-row{grid-template-columns:40px 1fr 14px;gap:14px}.row-action{font-size:0}.site-footer{min-height:230px;grid-template-columns:1fr;padding:30px 0;align-content:center}.footer-center{grid-column:1;grid-row:auto;flex-wrap:wrap}.site-footer>p{justify-self:start;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.theme-mode-text{white-space:nowrap}.intro{grid-template-columns:auto minmax(0,1fr)}.org-link{grid-column:2;margin-top:-10px}
@media(max-width:820px){.org-link{grid-column:2}}
@media(max-width:620px){.intro{grid-template-columns:52px 1fr}.org-link{grid-column:1/-1;margin-top:0}}
:root{--soft:#687080}html[data-theme=dark]{--soft:#aeb4bf}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){--soft:#aeb4bf}}
.nav-title{max-width:min(42vw,280px);overflow:hidden;color:var(--text);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1;opacity:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;transform:translateY(25%);transition:opacity 180ms var(--ease),transform 180ms var(--ease)}
.site-header.title-visible .nav-title{opacity:1;transform:translateY(0)}
@media(max-width:760px){.brand>span.nav-title:last-child{display:block}.nav-title{max-width:calc(100vw - 220px)}}
@media(prefers-reduced-motion:reduce){.nav-title{transform:none;transition:opacity 120ms var(--ease)}}
.brand{opacity:0;pointer-events:none;transform:translateY(25%);transition:opacity 180ms var(--ease),transform 180ms var(--ease)}
.nav-title,.site-header.title-visible .nav-title{opacity:1;transform:none;transition:none}
.site-header.title-visible .brand{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.brand{transform:none;transition:opacity 120ms var(--ease)}}
.theme-logo{content:url("assets/dl-logo-dark.png")}
html[data-theme=dark] .theme-logo{content:url("assets/dl-logo-white.png")}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .theme-logo{content:url("assets/dl-logo-white.png")}}
@media(max-width:620px){.project-actions a{justify-content:space-between}.project-actions a .arrow-mark{margin-left:auto}}