1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/static/less/code.less Fri Dec 20 22:30:44 2013 +0100
1.3 @@ -0,0 +1,53 @@
1.4 +//
1.5 +// Code (inline and block)
1.6 +// --------------------------------------------------
1.7 +
1.8 +
1.9 +// Inline and block code styles
1.10 +code,
1.11 +kbd,
1.12 +pre,
1.13 +samp {
1.14 + font-family: @font-family-monospace;
1.15 +}
1.16 +
1.17 +// Inline code
1.18 +code {
1.19 + padding: 2px 4px;
1.20 + font-size: 90%;
1.21 + color: @code-color;
1.22 + background-color: @code-bg;
1.23 + white-space: nowrap;
1.24 + border-radius: @border-radius-base;
1.25 +}
1.26 +
1.27 +// Blocks of code
1.28 +pre {
1.29 + display: block;
1.30 + padding: ((@line-height-computed - 1) / 2);
1.31 + margin: 0 0 (@line-height-computed / 2);
1.32 + font-size: (@font-size-base - 1); // 14px to 13px
1.33 + line-height: @line-height-base;
1.34 + word-break: break-all;
1.35 + word-wrap: break-word;
1.36 + color: @pre-color;
1.37 + background-color: @pre-bg;
1.38 + border: 1px solid @pre-border-color;
1.39 + border-radius: @border-radius-base;
1.40 +
1.41 + // Account for some code outputs that place code tags in pre tags
1.42 + code {
1.43 + padding: 0;
1.44 + font-size: inherit;
1.45 + color: inherit;
1.46 + white-space: pre-wrap;
1.47 + background-color: transparent;
1.48 + border-radius: 0;
1.49 + }
1.50 +}
1.51 +
1.52 +// Enable scrollable blocks of code
1.53 +.pre-scrollable {
1.54 + max-height: @pre-scrollable-max-height;
1.55 + overflow-y: scroll;
1.56 +}