source: trip-planner-front/node_modules/bootstrap/less/code.less@ fa375fe

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
RevLine 
[fa375fe]1//
2// Code (inline and block)
3// --------------------------------------------------
4
5
6// Inline and block code styles
7code,
8kbd,
9pre,
10samp {
11 font-family: @font-family-monospace;
12}
13
14// Inline code
15code {
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
24kbd {
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
41pre {
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.