diff options
| author | Mark Otto <[email protected]> | 2019-02-11 11:15:34 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2019-02-11 11:15:34 -0800 |
| commit | 1ded0d6a4eefb7daca62c44e4e735aec200f0b6f (patch) | |
| tree | e0036e5068cfb8e2c17971c4e892bd6b502dda9a /site/docs/4.3/assets/scss/_content.scss | |
| parent | 3aa0770b711f69c4dcf5858b8913794e81b32d80 (diff) | |
| download | bootstrap-4.3.0.tar.xz bootstrap-4.3.0.zip | |
Release v4.3.0 (#28228)v4.3.0
* Prep for v4.3.0
* More updates for v4.3.0.
* rerun to build docs source map
Diffstat (limited to 'site/docs/4.3/assets/scss/_content.scss')
| -rw-r--r-- | site/docs/4.3/assets/scss/_content.scss | 124 |
1 files changed, 124 insertions, 0 deletions
diff --git a/site/docs/4.3/assets/scss/_content.scss b/site/docs/4.3/assets/scss/_content.scss new file mode 100644 index 000000000..16fc9d972 --- /dev/null +++ b/site/docs/4.3/assets/scss/_content.scss @@ -0,0 +1,124 @@ +// stylelint-disable no-duplicate-selectors, selector-max-combinators, selector-max-compound-selectors, selector-max-type, selector-no-qualifying-type + +// +// Automatically style Markdown-based tables like a Bootstrap `.table`. +// + +.bd-content { + order: 1; + + // Hack the sticky header + > h2[id], + > h3[id], + > h4[id] { + pointer-events: none; + + &::before { + display: block; + height: 6rem; + margin-top: -6rem; + content: ""; + } + } + + > table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; + + @include media-breakpoint-down(md) { + display: block; + overflow-x: auto; + + &.table-bordered { + border: 0; + } + } + + // Cells + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + padding: $table-cell-padding; + vertical-align: top; + border: 1px solid $table-border-color; + + > p:last-child { + margin-bottom: 0; + } + } + } + } + + // Prevent breaking of code (e.g., Grunt tasks list) + td:first-child > code { + white-space: nowrap; + } + } +} + +.bd-content-title { + display: block; + pointer-events: auto; +} + +// +// Docs sections +// + +.bd-content { + > h2 { + @include font-size($h2-font-size); + } + + > h3 { + @include font-size($h3-font-size); + } + + > h4 { + @include font-size($h4-font-size); + } + + > h2:not(:first-child) { + margin-top: 3rem; + } + + > h3 { + margin-top: 1.5rem; + } + + > ul li, + > ol li { + margin-bottom: .25rem; + } + + @include media-breakpoint-up(lg) { + > ul, + > ol, + > p { + max-width: 80%; + } + } +} + +.bd-title { + margin-top: 1rem; + margin-bottom: .5rem; + font-weight: 300; + @include font-size(3rem); +} + +.bd-lead { + @include font-size(1.125rem); + font-weight: 300; + + @include media-breakpoint-up(lg) { + max-width: 80%; + } +} + +.bd-text-purple { color: $bd-purple; } +.bd-text-purple-bright { color: $bd-purple-bright; } |
