This commit is contained in:
2026-07-30 10:05:46 +03:00
parent 590fb63ca7
commit 4aa5547d20
16 changed files with 3 additions and 159 deletions

View File

@@ -1,5 +1,5 @@
:root {
--vp-layout-top-height: 34px;
--vp-layout-top-height: 0px;
--vp-c-brand-1: #b45309;
--vp-c-brand-2: #d97706;
--vp-c-brand-3: #f59e0b;
@@ -31,96 +31,12 @@ html {
scroll-padding-top: calc(var(--vp-nav-height) + var(--vp-layout-top-height) + 24px);
}
.draft-banner {
position: fixed;
inset: 0 0 auto;
z-index: 50;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
height: var(--vp-layout-top-height);
padding: 0 16px;
overflow: hidden;
border-bottom: 1px solid rgba(120, 53, 15, 0.2);
background: #fef3c7;
color: #78350f;
font-family: var(--vp-font-family-mono);
font-size: 11px;
font-weight: 650;
letter-spacing: 0.055em;
text-overflow: ellipsis;
white-space: nowrap;
}
.dark .draft-banner {
border-bottom-color: rgba(251, 191, 36, 0.22);
background: #2b2114;
color: #fde68a;
}
.draft-banner__mark {
width: 7px;
height: 7px;
flex: 0 0 auto;
border-radius: 50%;
background: #d97706;
box-shadow: 0 0 0 4px rgba(217, 119, 6, 0.13);
}
.VPNavBarTitle .logo {
width: 25px;
height: 25px;
}
.doc-set-header {
display: grid;
gap: 7px;
margin: 0 0 22px;
padding: 0 0 18px;
border-bottom: 1px solid var(--vp-c-divider);
}
.doc-set-header__back {
width: fit-content;
color: var(--vp-c-text-3);
font-size: 11px;
font-weight: 650;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.doc-set-header__back::before {
content: '←';
margin-right: 6px;
}
.doc-set-header__title {
color: var(--vp-c-text-1);
font-size: 15px;
font-weight: 700;
line-height: 1.35;
}
.doc-set-header__meta {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.doc-set-header__meta span {
padding: 3px 6px;
border-radius: 4px;
background: var(--vp-c-brand-soft);
color: var(--vp-c-brand-1);
font-family: var(--vp-font-family-mono);
font-size: 9px;
font-weight: 700;
letter-spacing: 0.045em;
text-transform: uppercase;
}
.VPHome {
.VPContent.is-home {
background-image:
linear-gradient(rgba(120, 113, 108, 0.07) 1px, transparent 1px),
linear-gradient(90deg, rgba(120, 113, 108, 0.07) 1px, transparent 1px);
@@ -212,13 +128,6 @@ html {
}
@media (max-width: 640px) {
.draft-banner {
justify-content: flex-start;
padding-inline: 12px;
font-size: 10px;
letter-spacing: 0.02em;
}
.VPHero .tagline {
font-size: 16px;
}