]>
Commit | Line | Data |
---|---|---|
91e44d91 S |
1 | // scss-lint:disable IdSelector, NestingDepth, SelectorDepth |
2 | ||
3 | // | |
4 | // Automatically style Markdown-based tables like a Bootstrap `.table`. | |
5 | // | |
6 | ||
7 | .bd-content { | |
8 | > table { | |
9 | display: block; | |
10 | width: 100%; | |
11 | max-width: 100%; | |
12 | margin-bottom: $spacer; | |
13 | overflow-y: auto; | |
14 | ||
15 | // Cells | |
16 | > thead, | |
17 | > tbody, | |
18 | > tfoot { | |
19 | > tr { | |
20 | > th, | |
21 | > td { | |
22 | padding: $table-cell-padding; | |
23 | vertical-align: top; | |
24 | border: 1px solid $table-border-color; | |
25 | ||
26 | > p:last-child { | |
27 | margin-bottom: 0; | |
28 | } | |
29 | } | |
30 | } | |
31 | } | |
32 | ||
33 | // Prevent breaking of code (e.g., Grunt tasks list) | |
34 | td:first-child > code { | |
35 | white-space: nowrap; | |
36 | } | |
37 | } | |
38 | } | |
39 | ||
40 | // | |
41 | // Docs sections | |
42 | // | |
43 | ||
44 | .bd-content { | |
45 | > h2:not(:first-child) { | |
46 | margin-top: 3rem; | |
47 | } | |
48 | ||
49 | > h3 { | |
50 | margin-top: 1.5rem; | |
51 | } | |
52 | ||
53 | > ul li, | |
54 | > ol li { | |
55 | margin-bottom: .25rem; | |
56 | } | |
57 | } | |
58 | ||
59 | .bd-title { | |
60 | @include media-breakpoint-up(sm) { | |
61 | font-size: 3rem; | |
62 | ||
63 | + p { | |
64 | font-size: 1.25rem; | |
65 | font-weight: 300; | |
66 | } | |
67 | } | |
68 | } | |
69 | ||
70 | ||
71 | // | |
72 | // Markdown generated ToC | |
73 | // | |
74 | ||
75 | #markdown-toc { | |
76 | // Hide the first child li because it's always going to be "Contents". | |
77 | > li:first-child { | |
78 | display: none; | |
79 | } | |
80 | ||
81 | ul { | |
82 | padding-left: 2rem; | |
83 | margin-top: .25rem; | |
84 | margin-bottom: .25rem; | |
85 | } | |
86 | } |