website.css (1587B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 .book .book-summary ul.summary li { 6 cursor: pointer; 7 } 8 9 .book .book-body .page-wrapper .page-inner section.normal p, 10 .book .book-body .page-wrapper .page-inner section.normal pre { 11 margin: 0.85em 0; 12 } 13 14 .book .book-body .page-wrapper .page-inner section.normal pre { 15 line-height: 1.25em; 16 } 17 18 /* Resets default style on the main page container */ 19 .page-inner { 20 max-width: unset !important; 21 margin: 0 10px !important; 22 } 23 24 /* 25 * Sections are displayed on the grid. By default everything goes into the 26 * second column, and we use left and right columns to expand content when needed, 27 * for example for images, diagrams, code example, … 28 */ 29 .normal.markdown-section { 30 display: grid; 31 grid-template-columns: 1fr minmax(min-content, 800px) 1fr; 32 margin: 0 50px; 33 } 34 35 .normal.markdown-section > * { 36 grid-column: 2 / 3; 37 } 38 39 /* Hero element take the whole row */ 40 .normal.markdown-section > .hero { 41 grid-column: 1 / -1; 42 width: max-content; 43 max-width: 100%; 44 justify-self: center; 45 } 46 47 .diagram, 48 pre.diagram { 49 width: max-content; 50 max-width: 100%; 51 background-color: #f9f9fa; 52 border: 3px solid #d7d7db; 53 margin: 0 auto !important; 54 padding: 2em; 55 overflow-x: auto; 56 white-space: pre; 57 font-size: 11px; 58 } 59 60 figcaption { 61 max-width: 800px; 62 font-size: 0.85em !important; 63 text-align: center; 64 font-style: italic; 65 margin: 10px auto 0; 66 line-height: 1.25; 67 }