| 1 |
// CHECKED: |
| 2 |
|
| 3 |
.betterdocs-body { |
| 4 |
&:not(:last-of-type) { |
| 5 |
padding: 15px 15px 0; |
| 6 |
} |
| 7 |
&:last-of-type { |
| 8 |
padding: 15px; |
| 9 |
} |
| 10 |
@include for(".betterdocs-sidebar-layout-6") { |
| 11 |
padding-top: 0; |
| 12 |
} |
| 13 |
@include for( |
| 14 |
".betterdocs-category-grid-wrapper > .betterdocs-category-grid-inner-wrapper" |
| 15 |
) { |
| 16 |
&:last-child { |
| 17 |
flex-grow: 1; |
| 18 |
} |
| 19 |
} |
| 20 |
@include for(".betterdocs-category-grid-list-inner-wrapper.layout-6") { |
| 21 |
padding: 0px; |
| 22 |
} |
| 23 |
@include for( |
| 24 |
".betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper" |
| 25 |
) { |
| 26 |
display: none; |
| 27 |
} |
| 28 |
@include for( |
| 29 |
".betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list" |
| 30 |
) { |
| 31 |
display: none; |
| 32 |
} |
| 33 |
|
| 34 |
// The current doc's category is rendered with `.active` by PHP, and |
| 35 |
// category-toggler.js (grid) / betterdocs.js (list) open its body with an |
| 36 |
// inline `display: block` -- the toggler only on window `load`, seconds |
| 37 |
// after first paint, pushing every category below it down (CLS). Open it |
| 38 |
// from CSS so the first paint already matches the post-JS state. The |
| 39 |
// collapse/expand toggle is unaffected: jQuery's slideUp/slideToggle |
| 40 |
// leave an inline `display`, which overrides this rule. |
| 41 |
@include for( |
| 42 |
".betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper.active" |
| 43 |
) { |
| 44 |
display: block; |
| 45 |
} |
| 46 |
@include for( |
| 47 |
".betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list.active" |
| 48 |
) { |
| 49 |
display: block; |
| 50 |
} |
| 51 |
} |
| 52 |
|
