aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/site/assets/scss/_content.scss
diff options
context:
space:
mode:
Diffstat (limited to 'vendor/twbs/bootstrap/site/assets/scss/_content.scss')
-rw-r--r--vendor/twbs/bootstrap/site/assets/scss/_content.scss124
1 files changed, 39 insertions, 85 deletions
diff --git a/vendor/twbs/bootstrap/site/assets/scss/_content.scss b/vendor/twbs/bootstrap/site/assets/scss/_content.scss
index 030a1a256..f2b5cfc54 100644
--- a/vendor/twbs/bootstrap/site/assets/scss/_content.scss
+++ b/vendor/twbs/bootstrap/site/assets/scss/_content.scss
@@ -1,32 +1,42 @@
-// 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`.
+// Bootstrap docs content theming
//
+// Offset for the sticky header
+@include media-breakpoint-up(md) {
+ :root {
+ scroll-padding-top: 4rem;
+ }
+}
+
.bd-content {
- order: 1;
+ > h2:not(:first-child) {
+ margin-top: 3rem;
+ }
- // Hack the sticky header
- > h2[id],
- > h3[id],
- > h4[id] {
- pointer-events: none;
+ > h3 {
+ margin-top: 2rem;
+ }
- &::before {
- display: block;
- height: 6rem;
- margin-top: -6rem;
- content: "";
+ > ul li,
+ > ol li {
+ margin-bottom: .25rem;
+
+ // stylelint-disable selector-max-type, selector-max-compound-selectors
+ > p ~ ul {
+ margin-top: -.5rem;
+ margin-bottom: 1rem;
}
+ // stylelint-enable selector-max-type, selector-max-compound-selectors
}
- > table {
- width: 100%;
+ // Override Bootstrap defaults
+ > .table {
max-width: 100%;
- margin-bottom: 1rem;
+ margin-bottom: 1.5rem;
+ @include font-size(.875rem);
- @include media-breakpoint-down(md) {
+ @include media-breakpoint-down(lg) {
display: block;
overflow-x: auto;
@@ -35,92 +45,36 @@
}
}
- // Cells
- > thead,
- > tbody,
- > tfoot {
- > tr {
- > th,
- > td {
- padding: $table-cell-padding;
- vertical-align: top;
- border: 1px solid $table-border-color;
+ th,
+ td {
+ &:first-child {
+ padding-left: 0;
+ }
- > p:last-child {
- margin-bottom: 0;
- }
- }
+ &:not(:last-child) {
+ padding-right: 1.5rem;
}
}
- // Prevent breaking of code (e.g., Grunt tasks list)
+ // Prevent breaking of code
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;
@include font-size(3rem);
}
.bd-lead {
@include font-size(1.5rem);
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; }
+.bd-text-purple-bright {
+ color: $bd-purple-bright;
+}
.bd-bg-purple-bright {
background-color: $bd-purple-bright;