aboutsummaryrefslogtreecommitdiff
path: root/site/docs/4.3/assets/scss/_content.scss
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2019-02-11 11:15:34 -0800
committerGitHub <[email protected]>2019-02-11 11:15:34 -0800
commit1ded0d6a4eefb7daca62c44e4e735aec200f0b6f (patch)
treee0036e5068cfb8e2c17971c4e892bd6b502dda9a /site/docs/4.3/assets/scss/_content.scss
parent3aa0770b711f69c4dcf5858b8913794e81b32d80 (diff)
downloadbootstrap-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.scss124
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; }