HHostingByteSoftware
Ctrl K
ComunidadGuías…

docs/zh/stylesheets/extra.css

Rama main · réplica de lectura del repositorio original.

Archivo original ↗Preguntar a KiBot
/* Bumblehive docs: calm reading surfaces, task navigation, readable APIs. */
:root {
  --bh-yellow: #eabb23;
  --bh-gold: #805900;
  --bh-ink: #242424;
  --bh-muted: #626262;
  --bh-paper: #fff;
  --bh-panel: #f7f7f8;
  --bh-line: #e8e8e8;
  --bh-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --bh-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
:root > * {
  --md-default-bg-color: var(--bh-paper);
  --md-default-fg-color: var(--bh-ink);
  --md-default-fg-color--light: var(--bh-muted);
  --md-default-fg-color--lightest: var(--bh-line);
  --md-primary-fg-color: var(--bh-yellow);
  --md-primary-bg-color: var(--bh-ink);
  --md-accent-fg-color: var(--bh-gold);
  --md-typeset-a-color: var(--bh-gold);
  --md-code-bg-color: var(--bh-panel);
  --md-code-fg-color: var(--bh-ink);
}
body, input { font-family: var(--bh-font); }
::selection { background: #f3dfa0; color: #272b25; }
.md-grid { max-width: 74rem; }
.md-header { background: var(--bh-yellow); border-top: 3px solid var(--bh-yellow); border-bottom: 1px solid #d4a71d; box-shadow: none; color: var(--bh-ink); }
.md-header__inner { min-height: 3.2rem; }
.md-header__button.md-logo { padding: .35rem .6rem; margin-right: .6rem; }
.md-header__button.md-logo img { height: 1.45rem; width: auto; }
.md-header__topic:first-child { visibility: hidden; }
.md-header__source { color: var(--bh-ink); }
.md-search__form { border: 1px solid #ececec; border-radius: .4rem; background: #f7f7f7; }
.md-search__input { color: var(--bh-ink); }
.md-search__input::placeholder { color: var(--bh-muted); }
.md-search__icon { color: var(--bh-muted); }
.md-main__inner { margin-top: 1.8rem; }
.md-sidebar { width: 11.5rem; }
.md-sidebar--secondary { width: 10.5rem; }
.md-content__inner { margin: 0 1.6rem 2rem; padding-top: .2rem; }
.md-typeset { font-size: .82rem; line-height: 1.85; }
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4 { color: var(--bh-ink); letter-spacing: -.02em; }
.md-typeset h1 { font-size: 1.8rem; font-weight: 600; line-height: 1.4; margin: 0 0 1.2rem; }
.md-typeset h2 { font-size: 1.22rem; font-weight: 600; line-height: 1.5; margin: 1.6rem 0 .7rem; }
.md-typeset h2:not(.doc-heading) { padding-bottom: .55rem; border-bottom: 1px solid #d1d5ca; }
.md-typeset h3 { font-size: 1rem; font-weight: 600; line-height: 1.55; margin: 1.2rem 0 .55rem; }
.md-typeset h4 { font-size: .85rem; font-weight: 600; }
.md-typeset p, .md-typeset ul, .md-typeset ol { margin: 0 0 .75rem; }
.md-typeset li { margin-bottom: .3rem; }
.md-typeset strong { font-weight: 600; }
.md-typeset a:hover { color: #5e4300; }
.md-typeset a:focus-visible, .md-nav__link:focus-visible { outline: 2px solid var(--bh-gold); outline-offset: 3px; }
.md-typeset code, .md-typeset pre, .md-typeset kbd { font-family: var(--bh-mono); }
.md-typeset :not(pre) > code { padding: .1em .35em; border-radius: .2rem; overflow-wrap: anywhere; }
.md-typeset .highlight { margin: .85rem 0 1rem; border: 1px solid var(--bh-line); border-radius: .4rem; overflow: hidden; }
.md-typeset .highlight pre { margin: 0; }
.md-typeset .highlight pre > code { padding: 1rem 1.15rem; font-size: .68rem; line-height: 1.85; }
.md-typeset .highlight .filename { margin: 0; border: 0; border-bottom: 1px solid var(--bh-line); border-radius: 0; padding: .55rem 1rem; font-size: .64rem; background: var(--bh-panel); color: var(--bh-muted); }
.md-typeset pre > code { font-size: .68rem; line-height: 1.85; }
.md-typeset .doc-signature pre > code { white-space: pre-wrap; overflow-wrap: anywhere; }
.md-typeset table:not([class]) { font-size: .72rem; line-height: 1.7; border: 0; box-shadow: none; display: table; width: 100%; }
.md-typeset table:not([class]) th { padding: .7rem .75rem; background: var(--bh-panel); font-weight: 600; color: var(--bh-muted); }
.md-typeset table:not([class]) td { padding: .75rem; border-bottom: 1px solid var(--bh-line); min-width: 0; }
.md-typeset table:not([class]) tr:last-child td { border-bottom: 1px solid var(--bh-line); }
.md-typeset table code { overflow-wrap: anywhere; }
.md-typeset .md-typeset__table { display: block; padding: 0; }
.md-typeset .md-typeset__scrollwrap { margin: .85rem 0 1rem; }
.md-typeset .admonition, .md-typeset details { box-shadow: none; font-size: .72rem; border: 1px solid var(--bh-line); border-left: 3px solid var(--bh-yellow); border-radius: .25rem; background: var(--bh-panel); margin: .85rem 0 1rem; }
.md-typeset .admonition-title, .md-typeset summary { background: transparent; font-weight: 600; }
.md-typeset .admonition-title:before, .md-typeset summary:before { background: var(--bh-gold); }
.md-typeset .tabbed-labels > label { font-size: .7rem; }
.md-typeset .tabbed-labels:before { background: var(--bh-yellow); }
/* Themes and classes in the TOC; individual methods keep deep-link anchors. */
.md-nav { font-size: .69rem; line-height: 1.55; }
.md-nav__title { font-weight: 600; box-shadow: none; background: transparent; color: var(--bh-ink); }
.md-nav__link { padding: .35rem .5rem; margin-top: .15rem; border-radius: .25rem; color: var(--bh-muted); }
.md-nav__link:hover { background: var(--bh-panel); color: var(--bh-ink); }
.md-nav__link--active { background: #faf0cd; color: var(--bh-gold); font-weight: 600; }
.md-nav--primary .md-nav__link { color: #424242; padding: .3rem .55rem; border-radius: .35rem; }
.md-nav--primary .md-nav__link:hover { background: #f5f5f5; color: #171717; }
.md-nav--primary .md-nav__link--active { background: #ededed; color: #171717; font-weight: 500; }
.md-nav--secondary { font-size: .64rem; }
.md-nav--secondary .md-nav__link { background: transparent; padding-left: .55rem; border-left: 1px solid var(--bh-line); border-radius: 0; }
.md-nav--secondary .md-nav__link--active { border-left: 2px solid var(--bh-yellow); }
.md-typeset .doc-object { margin: 1.2rem 0; }
.md-typeset .doc-heading { padding-top: .8rem; border-top: 1px solid var(--bh-line); font-size: .94rem; overflow-wrap: anywhere; }
.md-typeset .doc-children { margin: 0; padding: 0; border: 0; }
.md-typeset .doc-children .doc-heading { font-size: .8rem; margin-top: 1.2rem; }
.md-typeset .doc-label { font-size: .6rem; padding: .1rem .3rem; color: var(--bh-muted); background: var(--bh-panel); border-radius: .2rem; }
.md-typeset .doc-symbol { color: var(--bh-gold); background: #faf0cd; }
.md-typeset .doc-section-item { margin-bottom: .6rem; }
.bh-hero { padding: .3rem 0 0; max-width: 42rem; }
.md-typeset .bh-hero h1 { font-size: 2.15rem; margin-bottom: 1rem; }
.md-typeset .bh-hero > :last-child { margin-bottom: 0; }
.bh-hero > p { color: var(--bh-muted); font-size: .9rem; max-width: 35rem; }
.md-typeset .md-button { padding: .5rem .95rem; border-radius: .3rem; font-size: .7rem; font-weight: 500; border: 1px solid var(--bh-line); margin: .3rem .45rem .3rem 0; color: var(--bh-ink); }
.md-typeset .md-button--primary { color: #302910; border-color: var(--bh-yellow); background: var(--bh-yellow); }
.md-typeset .md-button:hover { color: var(--bh-ink); background: #f6e8b3; border-color: #d6b84a; }
.md-typeset .bh-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 1.5rem; }
.md-typeset .bh-capabilities > ul > li { border: 0; border-top: 1px solid var(--bh-line); border-radius: 0; padding: 1rem 0; box-shadow: none; }
.md-typeset .bh-capabilities > ul > li:hover { box-shadow: none; border-color: var(--bh-line); }
.bh-capabilities li > p:first-child { margin-bottom: .4rem; }
.bh-capabilities li > p:last-child { color: var(--bh-muted); font-size: .75rem; margin-bottom: 0; }
.bh-capabilities .twemoji { color: var(--bh-gold); margin-right: .35rem; }
.md-footer { background: var(--bh-panel); color: var(--bh-ink); border-top: 1px solid var(--bh-line); }
.md-footer-meta { background: var(--bh-panel); }
.md-footer-meta, .md-copyright, .md-copyright__highlight { color: var(--bh-muted); }
@media (max-width: 76.2344em) {
  .md-content__inner { margin-right: 1rem; margin-left: 1rem; }
  .md-nav--primary .md-nav__title { background: #fff; color: var(--bh-ink); }
  .md-nav--primary .md-nav__title ~ .md-nav__list { background: var(--bh-paper); }
}
@media (max-width: 44.9844em) {
  .md-header__button.md-logo img { height: 1.1rem; }
  .md-main__inner { margin-top: 1rem; }
  .md-content__inner { margin: 0 .9rem 1.5rem; }
  .md-typeset { font-size: .8rem; }
  .md-typeset h1 { font-size: 1.55rem; }
  .md-typeset .bh-hero h1 { font-size: 1.65rem; }
  .md-typeset h2 { margin-top: 1.4rem; font-size: 1.15rem; }
  .md-typeset .bh-capabilities { grid-template-columns: 1fr; }
  .md-typeset .highlight pre > code { padding: .8rem; }
  .md-typeset .md-typeset__scrollwrap { margin-left: 0; margin-right: 0; }
  .md-typeset table:not([class]) { font-size: .67rem; }
}
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { scroll-behavior: auto !important; transition: none !important; } }
/* Material moves list items directly into .grid; target the generated markup. */
.md-typeset .grid.cards.bh-capabilities > ul > li,
.md-typeset .grid.cards.bh-capabilities > li {
  border: 0;
  border-top: 1px solid var(--bh-line);
  border-radius: 0;
  padding: 1rem 0;
  box-shadow: none;
}
.md-typeset .grid.cards.bh-capabilities > ul > li:hover,
.md-typeset .grid.cards.bh-capabilities > li:hover { border-color: var(--bh-line); box-shadow: none; }
.md-copyright a { color: var(--bh-muted) !important; }
@media (max-width: 44.9844em) {
  .md-typeset .highlight pre > code { white-space: pre-wrap; overflow-wrap: anywhere; }
}
/* Keep long-form prose within a comfortable reading measure. */
.md-grid { max-width: 68rem; }
.md-content__inner { max-width: 44rem; }
.md-typeset details.example { border-color: var(--bh-line); border-left-color: var(--bh-yellow); }
.md-typeset details.example > summary { background: var(--bh-panel); }
.md-typeset details.example > summary:before,
.md-typeset details.example > summary:after { background-color: var(--bh-gold); }
/* All chapters live in one sidebar; the right sidebar is only the page outline. */
@media (min-width: 76.25em) {
  .md-sidebar--primary { width: 12.5rem; }
  .md-sidebar--primary .md-sidebar__scrollwrap { padding-right: .65rem; }
  .md-nav--primary > .md-nav__title { display: none; }
  .md-nav--primary > .md-nav__list > .md-nav__item--section { margin-top: .85rem; }
  .md-nav--primary > .md-nav__list > .md-nav__item--section:first-child { margin-top: 0; }
  .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link { color: #555; font-weight: 600; margin-bottom: .2rem; }
  .md-nav--primary .md-nav__link { padding-top: .25rem; padding-bottom: .25rem; }
  .md-nav--primary .md-nav .md-nav { margin-left: .45rem; padding-left: 0; }
}