:root>* { --solarized-base03: 0, 43, 54; --solarized-base02: 7, 54, 66; --solarized-base01: 88, 110, 117; --solarized-base00: 101, 123, 131; --solarized-base0: 131, 148, 150; --solarized-base1: 147, 161, 161; --solarized-base2: 238, 232, 213; --solarized-base3: 253, 246, 227; --solarized-blue: 38, 139, 210; --solarized-cyan: 42, 161, 152; --solarized-green: 133, 153, 0; --solarized-magenta: 211, 54, 130; --solarized-orange: 203, 75, 22; --solarized-red: 220, 50, 47; --solarized-violet: 108, 113, 196; --solarized-yellow: 181, 137, 0; --md-search-result-icon: url('data:image/svg+xml, '); /* LINK https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss */ --md-admonition-icon--extension: url('data:image/svg+xml, '); --md-admonition-icon--setting: url('data:image/svg+xml, '); --md-admonition-icon--download: url('data:image/svg+xml, '); --md-admonition-icon--announce: url('data:image/svg+xml, '); --md-admonition-icon--screenshot: url('data:image/svg+xml, '); /* LINK https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/integrations/_mermaid.scss */ --md-mermaid-edge-color: var(--md-primary-fg-color); --md-mermaid-node-bg-color: var(--md-default-bg-color--light); --md-mermaid-node-fg-color: var(--md-default-fg-color--light); --md-mermaid-label-bg-color: var(--md-default-bg-color); --md-mermaid-label-fg-color: var(--md-default-fg-color); } [data-md-color-scheme="default"] { --md-default-bg-color: rgb(var(--solarized-base3)); --md-default-bg-color--light: rgb(var(--solarized-base2)); --md-default-bg-color--lighter: rgb(var(--solarized-base1)); --md-default-bg-color--lightest: rgb(var(--solarized-base0)); --md-default-fg-color: rgb(var(--solarized-base02)); --md-default-fg-color--light: rgb(var(--solarized-base01)); --md-default-fg-color--lighter: rgb(var(--solarized-base00)); --md-default-fg-color--lightest: rgb(var(--solarized-base0)); --md-primary-bg-color: rgb(var(--solarized-base02)); --md-primary-fg-color--dark: rgb(var(--solarized-base2)); --md-primary-fg-color: rgb(var(--solarized-green)); --md-primary-fg-color--light: rgba(var(--solarized-green), 0.3); --md-accent-fg-color: rgb(var(--solarized-cyan)); --md-footer-fg-color: rgb(var(--solarized-base03)); --md-footer-fg-color--light: rgb(var(--solarized-base02)); --md-footer-fg-color--lighter: rgb(var(--solarized-base01)); --md-footer-bg-color: rgb(var(--solarized-base3)); --md-footer-bg-color--dark: rgb(var(--solarized-base2)); --md-code-fg-color: rgb(var(--solarized-base02)); --md-code-bg-color: rgb(var(--solarized-base2)); --md-code-hl-color: rgb(var(--solarized-base02)); --md-typeset-kbd-color: rgb(var(--solarized-base2)); --md-typeset-kbd-border-color: rgb(var(--solarized-green)); --md-typeset-kbd-accent-color: rgb(var(--solarized-base3)); --md-typeset-mark-color: rgba(var(--solarized-green), 0.3); } [data-md-color-scheme="slate"] { --md-default-bg-color: rgb(var(--solarized-base03)); --md-default-bg-color--light: rgb(var(--solarized-base02)); --md-default-bg-color--lighter: rgb(var(--solarized-base01)); --md-default-bg-color--lightest: rgb(var(--solarized-base00)); --md-default-fg-color: rgb(var(--solarized-base0)); --md-default-fg-color--light: rgb(var(--solarized-base00)); --md-default-fg-color--lighter: rgb(var(--solarized-base01)); --md-default-fg-color--lightest: rgb(var(--solarized-base02)); --md-primary-bg-color: rgb(var(--solarized-base2)); --md-primary-fg-color--dark: rgb(var(--solarized-base02)); --md-primary-fg-color: rgb(var(--solarized-cyan)); --md-primary-fg-color--light: rgba(var(--solarized-cyan), 0.2); --md-accent-fg-color: rgb(var(--solarized-green)); --md-footer-fg-color: rgb(var(--solarized-base2)); --md-footer-fg-color--light: rgb(var(--solarized-base1)); --md-footer-fg-color--lighter: rgb(var(--solarized-base00)); --md-footer-bg-color: rgb(var(--solarized-base03)); --md-footer-bg-color--dark: rgb(var(--solarized-base02)); --md-code-fg-color: rgb(var(--solarized-base2)); --md-code-bg-color: rgb(var(--solarized-base02)); --md-code-hl-color: rgb(var(--solarized-base2)); --md-typeset-kbd-color: rgb(var(--solarized-base02)); --md-typeset-kbd-border-color: rgb(var(--solarized-cyan)); --md-typeset-kbd-accent-color: rgb(var(--solarized-base03)); --md-typeset-mark-color: rgba(var(--solarized-cyan), 0.4); } /* NOTE Header: Hide shadow under header */ .md-header[data-md-state="shadow"], .md-header--shadow { box-shadow: none; } /* ANCHOR Header Recolors */ .md-header { background-color: var(--md-default-bg-color--light); border-bottom: .05rem solid var(--md-primary-fg-color); } .md-tabs { background-color: var(--md-primary-fg-color--light); } .md-footer { border-top: .05rem solid var(--md-primary-fg-color); } .md-footer__title { color: var(--md-footer-fg-color--light); } .md-footer__link { margin-top: 10px; } .md-nav__source { background-color: var(--md-primary-fg-color--light); border-top: .05rem solid var(--md-primary-fg-color); } .md-tabs__item--active .md-tabs__link { color: var(--md-primary-fg-color); text-decoration: underline solid var(--md-primary-fg-color); } .md-banner { background-color: var(--md-primary-fg-color--light); } .md-nav--primary .md-nav__title { color: var(--md-default-fg-color); } .md-nav--primary .md-nav__title[for="__drawer"] { background-color: var(--md-default-bg-color--light); color: var(--md-default-fg-color); font-size: 0.9rem; } /* NOTE Icon Recolor */ .md-source__icon { color: var(--md-default-fg-color); } [dir="ltr"] .md-source__repository { color: var(--md-default-fg-color); } .md-header__option, .md-header__button.md-icon { color: var(--md-default-fg-color); } .md-social__link:nth-child(1) svg { fill: #6364FF; } .md-social__link:nth-child(2) svg { fill: var(--md-default-fg-color); } .md-social__link:nth-child(3) svg { fill: #609926; } /* ANCHOR Search */ .md-search__form { border: 1px solid var(--md-primary-fg-color); background-color: var(--md-default-bg-color) !important; } .md-search__icon, .md-search-result__icon, .md-search__input::placeholder { color: var(--md-default-fg-color--lighter) !important; scale: 95%; } .md-search-result__meta { background-color: var(--md-default-bg-color--light); } /* SECTION Pygments */ .highlight span.filename { border-top-left-radius: .3rem; border-top-right-radius: .3rem; border-bottom: .05rem solid var(--md-primary-fg-color); } .highlight .bp { color: rgb(var(--solarized-blue)); } /* Name.Builtin.Pseudo */ .highlight .c { color: rgb(var(--solarized-base00)); } /* Comment */ .highlight .c1 { color: rgb(var(--solarized-base00)); } /* Comment.Single */ .highlight .cm { color: rgb(var(--solarized-base00)); } /* Comment.Multiline */ .highlight .cp { color: rgb(var(--solarized-green)); } /* Comment.Preproc */ .highlight .cs { color: rgb(var(--solarized-green)); } /* Comment.Special */ .highlight .err { color: rgb(var(--solarized-base01)); } /* Error */ .highlight .g { color: rgb(var(--solarized-base01)); } /* Generic */ .highlight .ge { color: rgb(var(--solarized-base01)); font-style: italic; } /* Generic.Emph */ .highlight .gd { color: rgb(var(--solarized-cyan)); } /* Generic.Deleted */ .highlight .gh { color: rgb(var(--solarized-orange)); } /* Generic.Heading */ .highlight .gi { color: rgb(var(--solarized-green)); } /* Generic.Inserted */ .highlight .go { color: rgb(var(--solarized-base01)); } /* Generic.Output */ .highlight .gp { color: rgb(var(--solarized-base01)); } /* Generic.Prompt */ .highlight .gr { color: rgb(var(--solarized-red)); } /* Generic.Error */ .highlight .gs { color: rgb(var(--solarized-base01)); font-weight: bold; } /* Generic.Strong */ .highlight .gt { color: rgb(var(--solarized-base01)); } /* Generic.Traceback */ .highlight .gu { color: rgb(var(--solarized-orange)); } /* Generic.Subheading */ .highlight .il { color: rgb(var(--solarized-cyan)); } /* Literal.Number.Integer.Long */ .highlight .k { color: rgb(var(--solarized-green)); } /* Keyword */ .highlight .kc { color: rgb(var(--solarized-cyan)); } /* Keyword.Constant */ .highlight .kd { color: rgb(var(--solarized-cyan)); } /* Keyword.Declaration */ .highlight .kn { color: rgb(var(--solarized-green)); } /* Keyword.Namespace */ .highlight .kp { color: rgb(var(--solarized-green)); } /* Keyword.Pseudo */ .highlight .kr { color: rgb(var(--solarized-blue)); } /* Keyword.Reserved */ .highlight .kt { color: rgb(var(--solarized-orange)); } /* Keyword.Type */ .highlight .l { color: rgb(var(--solarized-base01)); } /* Literal */ .highlight .ld { color: rgb(var(--solarized-base01)); } /* Literal.Date */ .highlight .m { color: rgb(var(--solarized-cyan)); } /* Literal.Number */ .highlight .mf { color: rgb(var(--solarized-cyan)); } /* Literal.Number.Float */ .highlight .mh { color: rgb(var(--solarized-cyan)); } /* Literal.Number.Hex */ .highlight .mi { color: rgb(var(--solarized-cyan)); } /* Literal.Number.Integer */ .highlight .mo { color: rgb(var(--solarized-cyan)); } /* Literal.Number.Oct */ .highlight .n { color: rgb(var(--solarized-base01)); } /* Name */ .highlight .na { color: rgb(var(--solarized-base01)); } /* Name.Attribute */ .highlight .nb { color: rgb(var(--solarized-blue)); } /* Name.Builtin */ .highlight .nc { color: rgb(var(--solarized-blue)); } /* Name.Class */ .highlight .nd { color: rgb(var(--solarized-blue)); } /* Name.Decorator */ .highlight .ne { color: rgb(var(--solarized-orange)); } /* Name.Exception */ .highlight .nf { color: rgb(var(--solarized-blue)); } /* Name.Function */ .highlight .ni { color: rgb(var(--solarized-orange)); } /* Name.Entity */ .highlight .nl { color: rgb(var(--solarized-base01)); } /* Name.Label */ .highlight .nn { color: rgb(var(--solarized-base01)); } /* Name.Namespace */ .highlight .no { color: rgb(var(--solarized-blue)); } /* Name.Constant */ .highlight .nt { color: rgb(var(--solarized-blue)); } /* Name.Tag */ .highlight .nv { color: rgb(var(--solarized-blue)); } /* Name.Variable */ .highlight .nx { color: rgb(var(--solarized-base01)); } /* Name.Other */ .highlight .o { color: rgb(var(--solarized-base01)); } /* Operator */ .highlight .ow { color: rgb(var(--solarized-green)); } /* Operator.Word */ .highlight .p { color: rgb(var(--solarized-base01)); } /* Punctuation */ .highlight .py { color: rgb(var(--solarized-base01)); } /* Name.Property */ .highlight .s { color: rgb(var(--solarized-cyan)); } /* Literal.String */ .highlight .s1 { color: rgb(var(--solarized-cyan)); } /* Literal.String.Single */ .highlight .s2 { color: rgb(var(--solarized-cyan)); } /* Literal.String.Double */ .highlight .sb { color: rgb(var(--solarized-cyan)); } /* Literal.String.Backtick */ .highlight .sc { color: rgb(var(--solarized-cyan)); } /* Literal.String.Char */ .highlight .sd { color: rgb(var(--solarized-base01)); } /* Literal.String.Doc */ .highlight .se { color: rgb(var(--solarized-orange)); } /* Literal.String.Escape */ .highlight .sh { color: rgb(var(--solarized-base01)); } /* Literal.String.Heredoc */ .highlight .si { color: rgb(var(--solarized-cyan)); } /* Literal.String.Interpol */ .highlight .sr { color: rgb(var(--solarized-red)); } /* Literal.String.Regex */ .highlight .ss { color: rgb(var(--solarized-cyan)); } /* Literal.String.Symbol */ .highlight .sx { color: rgb(var(--solarized-cyan)); } /* Literal.String.Other */ .highlight .vc { color: rgb(var(--solarized-blue)); } /* Name.Variable.Class */ .highlight .vg { color: rgb(var(--solarized-blue)); } /* Name.Variable.Global */ .highlight .vi { color: rgb(var(--solarized-blue)); } /* Name.Variable.Instance */ .highlight .w { color: rgb(var(--solarized-base01)); } /* Text.Whitespace */ .highlight .x { color: rgb(var(--solarized-orange)); } /* Other */ /* !SECTION Pygments */ /* SECTION Admonition */ /* NOTE Classic Admonitions */ /* LINK https://squidfunk.github.io/mkdocs-material/reference/admonitions/?h=admoni#classic-admonitions */ .md-typeset .admonition, .md-typeset details { border-width: 0; border-left-width: 4px; } /* NOTE Slate: Admonition Shadow */ [data-md-color-scheme="slate"] .md-typeset .admonition { box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 10px; } /* NOTE Slate: Darkened Title Backgrounds */ [data-md-color-scheme="slate"] .md-typeset .admonition-title{ background-color: rgba(17, 18, 23, 0.7); } /* ANCHOR Default Admonition Recolors */ /* NOTE Note Admonition */ .md-typeset .admonition.note, .md-typeset details.note { border-color: rgb(var(--solarized-blue)); } [data-md-color-scheme="default"] .md-typeset .note>.admonition-title, [data-md-color-scheme="default"] .md-typeset .note>summary { background-color: rgba(var(--solarized-blue), 0.2); } .md-typeset .note>.admonition-title::before, .md-typeset .note>summary::before { background-color: rgb(var(--solarized-blue)); } /* NOTE Abstract Admonition */ .md-typeset .admonition.abstract, .md-typeset details.abstract { border-color: rgb(var(--solarized-blue)); } [data-md-color-scheme="default"] .md-typeset .abstract>.admonition-title, [data-md-color-scheme="default"] .md-typeset .abstract>summary { background-color: rgba(var(--solarized-blue), 0.2); } .md-typeset .abstract>.admonition-title::before, .md-typeset .abstract>summary::before { background-color: rgb(var(--solarized-blue)); } /* NOTE Info Admonition */ .md-typeset .admonition.info, .md-typeset details.info { border-color: rgb(var(--solarized-cyan)); } [data-md-color-scheme="default"] .md-typeset .info>.admonition-title, [data-md-color-scheme="default"] .md-typeset .info>summary { background-color: rgba(var(--solarized-cyan), 0.2); } .md-typeset .info>.admonition-title::before, .md-typeset .info>summary::before { background-color: rgb(var(--solarized-cyan)); } /* NOTE Tip Admonition */ .md-typeset .admonition.tip, .md-typeset details.tip { border-color: rgb(var(--solarized-yellow)); } [data-md-color-scheme="default"] .md-typeset .tip>.admonition-title, [data-md-color-scheme="default"] .md-typeset .tip>summary { background-color: rgba(var(--solarized-yellow), 0.2); } .md-typeset .tip>.admonition-title::before, .md-typeset .tip>summary::before { background-color: rgb(var(--solarized-yellow)); } /* NOTE Question Admonition */ .md-typeset .admonition.question, .md-typeset details.question { border-color: rgb(var(--solarized-cyan)); } [data-md-color-scheme="default"] .md-typeset .question>.admonition-title, [data-md-color-scheme="default"] .md-typeset .question>summary { background-color: rgba(var(--solarized-cyan), 0.2); } .md-typeset .question>.admonition-title::before, .md-typeset .question>summary::before { background-color: rgb(var(--solarized-cyan)); } /* NOTE Success Admonition */ .md-typeset .admonition.success, .md-typeset details.success { border-color: rgb(var(--solarized-green)); } [data-md-color-scheme="default"] .md-typeset .success>.admonition-title, [data-md-color-scheme="default"] .md-typeset .success>summary { background-color: rgba(var(--solarized-green), 0.2); } .md-typeset .success>.admonition-title::before, .md-typeset .success>summary::before { background-color: rgb(var(--solarized-green)); } /* NOTE Warning Admonition */ .md-typeset .admonition.warning, .md-typeset details.warning { border-color: rgb(var(--solarized-orange)); } [data-md-color-scheme="default"] .md-typeset .warning>.admonition-title, [data-md-color-scheme="default"] .md-typeset .warning>summary { background-color: rgba(var(--solarized-orange), 0.2); } .md-typeset .warning>.admonition-title::before, .md-typeset .warning>summary::before { background-color: rgb(var(--solarized-orange)); } /* NOTE Failure Admonition */ .md-typeset .admonition.failure, .md-typeset details.failure { border-color: rgb(var(--solarized-red)); } [data-md-color-scheme="default"] .md-typeset .failure>.admonition-title, [data-md-color-scheme="default"] .md-typeset .failure>summary { background-color: rgba(var(--solarized-red), 0.2); } .md-typeset .failure>.admonition-title::before, .md-typeset .failure>summary::before { background-color: rgb(var(--solarized-red)); } /* NOTE Danger Admonition */ .md-typeset .admonition.danger, .md-typeset details.danger { border-color: rgb(var(--solarized-red)); } [data-md-color-scheme="default"] .md-typeset .danger>.admonition-title, [data-md-color-scheme="default"] .md-typeset .danger>summary { background-color: rgba(var(--solarized-red), 0.2); } .md-typeset .danger>.admonition-title::before, .md-typeset .danger>summary::before { background-color: rgb(var(--solarized-red)); } /* NOTE Bug Admonition */ .md-typeset .admonition.bug, .md-typeset details.bug { border-color: rgb(var(--solarized-magenta)); } [data-md-color-scheme="default"] .md-typeset .bug>.admonition-title, [data-md-color-scheme="default"] .md-typeset .bug>summary { background-color: rgba(var(--solarized-magenta), 0.2); } .md-typeset .bug>.admonition-title::before, .md-typeset .bug>summary::before { background-color: rgb(var(--solarized-magenta)); } /* NOTE Example Admonition */ .md-typeset .admonition.example, .md-typeset details.example { border-color: rgb(var(--solarized-violet)); } [data-md-color-scheme="default"] .md-typeset .example>.admonition-title, [data-md-color-scheme="default"] .md-typeset .example>summary { background-color: rgba(var(--solarized-violet), 0.2); } .md-typeset .example>.admonition-title::before, .md-typeset .example>summary::before { background-color: rgb(var(--solarized-violet)); } /* NOTE Quote Admonition */ .md-typeset .admonition.quote, .md-typeset details.quote { border-color: rgb(var(--solarized-base01)); } [data-md-color-scheme="default"] .md-typeset .quote>.admonition-title, [data-md-color-scheme="default"] .md-typeset .quote>summary { background-color: rgba(var(--solarized-base01), 0.2); } .md-typeset .quote>.admonition-title::before, .md-typeset .quote>summary::before { background-color: rgb(var(--solarized-base01)); } /* ANCHOR Custom Admonitions */ /* NOTE Extension Admonition */ .md-typeset .admonition.extension, .md-typeset details.extension { border-color: rgb(var(--solarized-violet)); } [data-md-color-scheme="default"] .md-typeset .extension>.admonition-title, [data-md-color-scheme="default"] .md-typeset .extension>summary { background-color: rgba(var(--solarized-violet), 0.2); } .md-typeset .extension>.admonition-title::before, .md-typeset .extension>summary::before { background-color: rgb(var(--solarized-violet)); -webkit-mask-image: var(--md-admonition-icon--extension); mask-image: var(--md-admonition-icon--extension); } /* NOTE Setting Admonition */ .md-typeset .admonition.setting, .md-typeset details.setting { border-color: rgb(var(--solarized-base01)); } [data-md-color-scheme="default"] .md-typeset .setting>.admonition-title, [data-md-color-scheme="default"] .md-typeset .setting>summary { background-color: rgba(var(--solarized-base01), 0.2); } .md-typeset .setting>.admonition-title::before, .md-typeset .setting>summary::before { background-color: rgb(var(--solarized-base01)); -webkit-mask-image: var(--md-admonition-icon--setting); mask-image: var(--md-admonition-icon--setting); } /* NOTE Download Admonition */ .md-typeset .admonition.download, .md-typeset details.download { border-color: rgb(var(--solarized-green)); } [data-md-color-scheme="default"] .md-typeset .download>.admonition-title, [data-md-color-scheme="default"] .md-typeset .download>summary { background-color: rgba(var(--solarized-green), 0.2); } .md-typeset .download>.admonition-title::before, .md-typeset .download>summary::before { background-color: rgb(var(--solarized-green)); -webkit-mask-image: var(--md-admonition-icon--download); mask-image: var(--md-admonition-icon--download); } /* NOTE Announcement Admonition */ .md-typeset .admonition.announce, .md-typeset details.announce { border-color: rgb(var(--solarized-red)); } [data-md-color-scheme="default"] .md-typeset .announce>.admonition-title, [data-md-color-scheme="default"] .md-typeset .announce>summary { background-color: rgba(var(--solarized-red), 0.2); } .md-typeset .announce>.admonition-title::before, .md-typeset .announce>summary::before { background-color: rgb(var(--solarized-red)); -webkit-mask-image: var(--md-admonition-icon--announce); mask-image: var(--md-admonition-icon--announce); } /* NOTE Screenshot Admonition */ .md-typeset .admonition.screenshot, .md-typeset details.screenshot { border-color: rgb(var(--solarized-orange)); } [data-md-color-scheme="default"] .md-typeset .screenshot>.admonition-title, [data-md-color-scheme="default"] .md-typeset .screenshot>summary { background-color: rgba(var(--solarized-orange), 0.2); } .md-typeset .screenshot>.admonition-title::before, .md-typeset .screenshot>summary::before { background-color: rgb(var(--solarized-orange)); -webkit-mask-image: var(--md-admonition-icon--screenshot); mask-image: var(--md-admonition-icon--screenshot); } /* !SECTION Admonitions */ /* ANCHOR Grids */ .md-typeset .grid.cards> :is(ul, ol)>li, .md-typeset .grid>.card { /* Firefox */ color: var(--md-typeset-color); background: var(--md-default-bg-color); border: 1px solid var(--md-primary-fg-color); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; transition: none; position: relative; } .md-typeset .grid.cards> :-webkit-any(ul, ol)>li, .md-typeset .grid>.card { /* Webkit */ color: var(--md-typeset-color); background: var(--md-default-bg-color); border: 1px solid var(--md-primary-fg-color); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; transition: none; position: relative; } .md-typeset .grid.cards> :is(ul, ol)>li:is(:focus-within, :hover), .md-typeset .grid>.card:is(:focus-within, :hover) { /* Firefox */ box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; border-color: var(--md-accent-fg-color); } .md-typeset .grid.cards> :-webkit-any(ul, ol)>li:-webkit-any(:focus-within, :hover) { /* Webkit */ box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; border-color: var(--md-accent-fg-color); } /* NOTE Card links */ .md-typeset .card-link { color: var(--md-default-fg-color--light); } .md-typeset .card-link:hover { color: var(--md-accent-fg-color); } .md-typeset .card-link, .card-link.twemoji:not(:first-child) { padding-left: 0.5em; } /* NOTE Select/Copy Button on Code Blocks */ .md-code__button { color: var(--md-default-fg-color--light); } .md-typeset .md-button--primary { background-color: var(--md-primary-fg-color--light); } :hover>.md-code__nav, .md-code__nav:hover, .md-code__nav { background-color: var(--md-default-bg-color--light); font-size: 0.75rem; } /* NOTE Tag */ .md-typeset .md-tag { color: var(--md-default-fg-color); background-color: var(--md-primary-fg-color--light); border-radius: .125em; margin-right: 0.5em; font-weight: 100; font-size: small; } .md-post__back { border-bottom: 0; margin-bottom: 0; } /* ANCHOR Collapsible Code Blocks */ .md-typeset .collapse-code { position: relative; margin-top: 1em; margin-bottom: 1em } .md-typeset .collapse-code pre, .md-typeset .collapse-code .highlighttable { margin-top: 0; margin-bottom: 0 } .md-typeset .collapse-code input { display: none } .md-typeset .collapse-code input~.code-footer { width: 100%; margin: 0; padding: .25em .5em .25em 0 } [data-md-color-scheme="default"] .highlight span.filename { background: rgba(var(--solarized-green), 0.2); } [data-md-color-scheme="slate"] .highlight span.filename { background: rgba(var(--solarized-cyan), 0.4); } [data-md-color-scheme="default"] .md-typeset .collapse-code input~.code-footer label { position: relative; margin: .05em; padding: .15em .8em; color: var(--md-primary-bg-color); background-color: rgba(var(--solarized-green), 0.6); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; border-radius: .1rem; cursor: pointer; content: "" } [data-md-color-scheme="slate"] .md-typeset .collapse-code input~.code-footer label { position: relative; margin: .05em; padding: .15em .8em; color: var(--md-primary-bg-color); background-color: rgba(var(--solarized-cyan), 0.6); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; border-radius: .1rem; cursor: pointer; content: "" } .md-typeset .collapse-code input~.code-footer label:hover { background-color: var(--md-accent-fg-color) } .md-typeset .collapse-code input~.code-footer label::before { position: absolute; top: .15em; left: .15em; display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; background-color: var(--md-primary-bg-color); background-size: 1.25em; content: "" } .md-typeset .collapse-code input~.code-footer label.expand { display: none } .md-typeset .collapse-code input~.code-footer label.expand::before { -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); mask-image: url('data:image/svg+xml;charset=utf-8,') } .md-typeset .collapse-code input~.code-footer label.collapse::before { -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); mask-image: url('data:image/svg+xml;charset=utf-8,') } .md-typeset .collapse-code input:checked~.code-footer label.expand { display: inline } .md-typeset .collapse-code input:checked~.code-footer label.collapse { display: none } .md-typeset .collapse-code input:checked+div.highlight code, .md-typeset .collapse-code input:checked+div.highlight .linenodiv { max-height: 9.375em; overflow: hidden } .md-typeset .collapse-code input:checked~.code-footer { position: absolute; bottom: 0; left: 0; padding: 2em .5em .5em .8rem; background-image: linear-gradient(to bottom, transparent, var(--md-default-bg-color) 80% 100%) } .md-typeset .tabbed-block>.collapse-code:first-child, .md-typeset .tabbed-block>.collapse-code:first-child { margin: 0; } @media screen and (max-width:44.9375em) { .md-typeset>.collapse-code { margin-right: -.8rem; margin-left: -.8rem } .md-typeset>.collapse-code label.collapse { left: .8rem } } .md-post { margin-left: 0; margin-bottom: 3em; } .md-pin { background: var(--md-primary-fg-color); color: black; } .md-typeset mark { padding-left: 4px; padding-right: 4px; }