Last change
on this file since fa375fe was fa375fe, checked in by Ema <ema_spirova@…>, 3 years ago |
adding new components
|
-
Property mode
set to
100644
|
File size:
1.4 KB
|
Rev | Line | |
---|
[fa375fe] | 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: 700;
|
---|
| 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 | color: @pre-color;
|
---|
| 48 | word-break: break-all;
|
---|
| 49 | word-wrap: break-word;
|
---|
| 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 | }
|
---|
Note:
See
TracBrowser
for help on using the repository browser.