| :root { |
| --custom-h1-font-size: 2.25rem; |
| --custom-h2-font-size: 1.625rem; |
| --custom-h3-font-size: 1.25rem; |
| --custom-h4-font-size: 1.125rem; |
| --custom-leading: 1rem; |
| --custom-heading-rhythm-bottom: 1.25; |
| --custom-heading-rhythm-top: 2.5; |
| --custom-h2-rhythm-top: 1.25; |
| --custom-tabs-rhythm-top: 1.25; |
| --custom-list-rhythm-bottom: 0.625; |
| --custom-h4-rhythm-bottom: 2; |
| --custom-other-rhythm-margin: 1.25; // table code tip details img |
| --custom-text-rhythm-bottom: 0.75; |
| --custom-text-line-height: 1.625rem; |
| } |
| |
| .markdown { |
| color: #4c576c; |
| padding-left: 1rem; |
| h1, |
| h2, |
| h3, |
| h4, |
| h5, |
| h6 { |
| color: #00000a; |
| margin-bottom: 0.3125rem; |
| font-weight: 500; |
| } |
| |
| b, |
| strong { |
| font-weight: 600; |
| color: #1d1d1d; |
| } |
| |
| // h1, |
| // h1:first-child { |
| // font-size: 2.25rem; |
| // } |
| |
| h1, |
| h2, |
| h3 { |
| font-weight: 700; |
| } |
| |
| p, |
| li { |
| font-size: 1rem; |
| font-weight: 400; |
| line-height: var(--custom-text-line-height); |
| margin-top: 0 !important; |
| } |
| |
| h1, |
| h2, |
| h3, |
| h4, |
| p, |
| ol, |
| ul { |
| margin-bottom: calc(var(--custom-leading) * var(--custom-heading-rhythm-bottom)) !important; |
| } |
| |
| .theme-code-block, |
| table, |
| .theme-admonition, |
| details, |
| img { |
| margin-bottom: calc(var(--custom-leading) * var(--custom-other-rhythm-margin)); |
| margin-top: calc(var(--custom-leading) * var(--custom-other-rhythm-margin)); |
| } |
| |
| details { |
| border: 1px solid #dfe5f0; |
| border-radius: 0.25rem; |
| padding: 0; |
| background-color: #ffffff; |
| box-shadow: none; |
| } |
| |
| details > summary { |
| padding: 0.75rem 1.625rem 0.75rem 3.25rem; |
| border-top-left-radius: 0.25rem; |
| border-top-right-radius: 0.25rem; |
| background-color: #F7FAFC; |
| } |
| |
| details > summary::before { |
| left: 1.625rem; |
| top: 1.225rem; |
| border-color: transparent transparent transparent #8592a6; |
| } |
| |
| details > div { |
| padding-left: 1.625rem; |
| padding-right: 1.625rem; |
| border-top: 1px solid #dfe5f0; |
| } |
| |
| details > div > div { |
| margin-top: 0.75rem; |
| padding-top: 0; |
| padding-bottom: 1.25rem; |
| border: none; |
| } |
| |
| .theme-admonition { |
| padding: calc(var(--custom-leading) * 2); |
| box-shadow: none; |
| } |
| |
| h2 { |
| margin-top: calc(var(--custom-leading) * var(--custom-h2-rhythm-top) * 2); |
| padding-top: calc(var(--custom-leading) * var(--custom-h2-rhythm-top)); |
| border-top: 1px solid #e6e7e9; |
| } |
| |
| h3 { |
| margin-top: calc(var(--custom-leading) * var(--custom-heading-rhythm-top)); |
| } |
| |
| h4 { |
| margin-top: calc(var(--custom-leading) * var(--custom-h4-rhythm-bottom)); |
| } |
| |
| h1 { |
| font-size: var(--custom-h1-font-size); |
| } |
| |
| h2 { |
| font-size: var(--custom-h2-font-size); |
| } |
| |
| h3 { |
| font-size: var(--custom-h3-font-size); |
| } |
| |
| h4 { |
| font-size: var(--custom-h4-font-size); |
| } |
| |
| .tabs { |
| margin-bottom: var(--custom-leading); |
| margin-top: calc(var(--custom-leading) * var(--custom-tabs-rhythm-top)); |
| } |
| |
| code { |
| border-radius: 4px; |
| background-color: #edf2fa; |
| border: none; |
| padding: 3px 4px; |
| font-size: 14px; |
| color: #4c576c; |
| } |
| |
| pre { |
| code { |
| padding: 0.725rem 1.25rem; |
| background-color: #262a37; |
| line-height: 1.875; |
| } |
| } |
| |
| table thead tr { |
| background-color: #F7FAFC; |
| } |
| |
| table thead th { |
| background-color: #F7FAFC; |
| color: #1d1d1d; |
| font-size: 0.875rem; |
| font-weight: 600; |
| } |
| |
| table tr { |
| border-bottom: none; |
| background-color: var(--global-colors-white); |
| font-size: var(--global-font-size-small); |
| } |
| |
| table tr th { |
| padding: 0.53rem 0.8125rem; |
| border-color: #dfe5f0; |
| } |
| |
| table tr td { |
| padding: 0.65rem 0.8125rem; |
| border-color: #dfe5f0; |
| font-size: 0.875rem; |
| font-weight: 400; |
| color: #1F1F26; |
| } |
| a { |
| color: var(--ifm-color-primary); |
| } |
| |
| ul, |
| ol { |
| padding-left: 1.625rem; |
| } |
| ul { |
| list-style-type: disc; |
| } |
| ol { |
| list-style-type: decimal; |
| } |
| ul ul { |
| list-style-type: circle; |
| } |
| ol ol { |
| list-style-type: lower-alpha; |
| } |
| ul ul ul { |
| list-style-type: square; |
| } |
| ol ul { |
| list-style-type: circle; |
| } |
| ol ul ul { |
| list-style-type: square; |
| } |
| |
| li, |
| li > * { |
| margin-bottom: calc(var(--custom-leading) * var(--custom-list-rhythm-bottom)) !important; |
| } |
| |
| .tabs-container { |
| .tabs__item--active { |
| z-index: 999; |
| border: 1.2px solid #ccd4e2 !important; |
| border-bottom-color: #ffffff !important; |
| border-top-left-radius: 0.25rem; |
| border-top-right-radius: 0.25rem; |
| color: var(--ifm-color-primary) !important; |
| font-weight: 700; |
| } |
| .tabs__item { |
| border: 1px solid transparent; |
| margin-bottom: 0 !important; |
| border-bottom: 1px; |
| font-size: 0.875rem; |
| height: 2.75rem; |
| padding-top: 0.75rem; |
| padding-bottom: 0.625rem; |
| margin-right: 0.25rem; |
| } |
| .tabs__item:hover { |
| border-radius: 0.25rem 0.25rem 0 0; |
| background-color: #edf2fa; |
| border: 1.2px solid var(---N5, #dfe5f0); |
| } |
| } |
| .tabs-container .tabs { |
| position: relative; |
| padding-left: 0 !important; |
| } |
| .tabs-container .tabs::before { |
| position: absolute; |
| right: 0; |
| left: 0; |
| content: ''; |
| border-bottom: 1.2px solid #ccd4e2; |
| box-sizing: border-box; |
| bottom: 0; |
| } |
| } |
| |
| .theme-doc-markdown { |
| header { |
| margin-top: 1rem; |
| |
| & + h1 { |
| display: none; |
| } |
| } |
| } |
