Skip to main content

Module: template/html/style

Variables

default

Const default: "<style>\n .bd-aside a {\n padding: .1875rem .5rem;\n margin-top: .125rem;\n margin-left: .3125rem;\n color: var(--bs-body-color);\n }\n\n .bd-aside a:hover,\n .bd-aside a:focus {\n color: var(--bs-body-color);\n background-color: rgba(121, 82, 179, .1);\n }\n\n .bd-aside .active {\n font-weight: 600;\n color: var(--bs-body-color);\n }\n\n .bd-aside .btn {\n padding: .25rem .5rem;\n font-weight: 600;\n color: var(--bs-body-color);\n }\n\n .bd-aside .btn:hover,\n .bd-aside .btn:focus {\n color: var(--bs-body-color);\n background-color: rgba(121, 82, 179, .1);\n }\n\n .bd-aside .btn:focus {\n box-shadow: 0 0 0 1px rgba(121, 82, 179, .7);\n }\n\n .bd-aside .btn::before {\n width: 1.25em;\n line-height: 0;\n content: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\");\n transition: transform .35s ease;\n\n /* rtl:raw:\n transform: rotate(180deg) translateX(-2px);\n */\n transform-origin: .5em 50%;\n }\n\n .bd-aside .btn[aria-expanded=\"true\"]::before {\n transform: rotate(90deg)/* rtl:ignore */;\n }\n\n /* Layout */\n @media (min-width: 1200px) {\n html {\n scroll-padding-top: 4rem;\n }\n\n body {\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: 4fr 1fr;\n gap: 1rem;\n }\n\n .bd-header {\n position: fixed;\n top: 0;\n /* rtl:begin:ignore */\n right: 0;\n left: 0;\n /* rtl:end:ignore */\n z-index: 1030;\n grid-column: 1 / span 3;\n }\n\n .bd-aside,\n .bd-cheatsheet {\n padding-top: 4rem;\n }\n\n /**\n * 1. Too bad only Firefox supports subgrids ATM\n */\n .bd-cheatsheet,\n .bd-cheatsheet section,\n .bd-cheatsheet article {\n display: inherit; /* 1 */\n grid-template-rows: auto;\n grid-template-columns: 4fr;\n grid-column: 1 / span 2;\n gap: inherit; /* 1 */\n }\n\n .bd-aside {\n grid-area: 1 / 3;\n scroll-margin-top: 4rem;\n }\n\n .bd-cheatsheet section,\n .bd-cheatsheet section > h2 {\n top: 2rem;\n scroll-margin-top: 2rem;\n }\n\n .bd-cheatsheet section > h2::before {\n position: absolute;\n /* rtl:begin:ignore */\n top: 0;\n right: 0;\n bottom: -2rem;\n left: 0;\n /* rtl:end:ignore */\n z-index: -1;\n content: \"\";\n }\n\n .bd-cheatsheet article,\n .bd-cheatsheet .bd-heading {\n top: 8rem;\n scroll-margin-top: 8rem;\n }\n\n .bd-cheatsheet .bd-heading {\n z-index: 1;\n }\n }\n\n .hide {\n display: none !important;\n }\n </style>"

Defined in

template/html/style.ts:1