Mercurial > minori
comparison dep/fmt/doc/bootstrap/code.less @ 343:1faa72660932
*: transfer back to cmake from autotools
autotools just made lots of things more complicated than
they should have and many things broke (i.e. translations)
| author | Paper <paper@paper.us.eu.org> |
|---|---|
| date | Thu, 20 Jun 2024 05:56:06 -0400 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 342:adb79bdde329 | 343:1faa72660932 |
|---|---|
| 1 // | |
| 2 // Code (inline and block) | |
| 3 // -------------------------------------------------- | |
| 4 | |
| 5 | |
| 6 // Inline and block code styles | |
| 7 code, | |
| 8 kbd, | |
| 9 pre, | |
| 10 samp { | |
| 11 font-family: @font-family-monospace; | |
| 12 } | |
| 13 | |
| 14 // Inline code | |
| 15 code { | |
| 16 padding: 2px 4px; | |
| 17 font-size: 90%; | |
| 18 color: @code-color; | |
| 19 background-color: @code-bg; | |
| 20 border-radius: @border-radius-base; | |
| 21 } | |
| 22 | |
| 23 // User input typically entered via keyboard | |
| 24 kbd { | |
| 25 padding: 2px 4px; | |
| 26 font-size: 90%; | |
| 27 color: @kbd-color; | |
| 28 background-color: @kbd-bg; | |
| 29 border-radius: @border-radius-small; | |
| 30 box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); | |
| 31 | |
| 32 kbd { | |
| 33 padding: 0; | |
| 34 font-size: 100%; | |
| 35 font-weight: bold; | |
| 36 box-shadow: none; | |
| 37 } | |
| 38 } | |
| 39 | |
| 40 // Blocks of code | |
| 41 pre { | |
| 42 display: block; | |
| 43 padding: ((@line-height-computed - 1) / 2); | |
| 44 margin: 0 0 (@line-height-computed / 2); | |
| 45 font-size: (@font-size-base - 1); // 14px to 13px | |
| 46 line-height: @line-height-base; | |
| 47 word-break: break-all; | |
| 48 word-wrap: break-word; | |
| 49 color: @pre-color; | |
| 50 background-color: @pre-bg; | |
| 51 border: 1px solid @pre-border-color; | |
| 52 border-radius: @border-radius-base; | |
| 53 | |
| 54 // Account for some code outputs that place code tags in pre tags | |
| 55 code { | |
| 56 padding: 0; | |
| 57 font-size: inherit; | |
| 58 color: inherit; | |
| 59 white-space: pre-wrap; | |
| 60 background-color: transparent; | |
| 61 border-radius: 0; | |
| 62 } | |
| 63 } | |
| 64 | |
| 65 // Enable scrollable blocks of code | |
| 66 .pre-scrollable { | |
| 67 max-height: @pre-scrollable-max-height; | |
| 68 overflow-y: scroll; | |
| 69 } |
