aboutsummaryrefslogtreecommitdiff
path: root/less/_code.less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-08-04 15:36:41 -0700
committerMark Otto <[email protected]>2014-08-04 15:36:41 -0700
commitaf0921062fd6deb16d3406ab5e2489f3c69793d9 (patch)
treec0e99625dceaed5bd24b12a66b13a242c57995dd /less/_code.less
parentef9e76c2c5fc587e8d5df043e1a0967c1f9de658 (diff)
downloadbootstrap-af0921062fd6deb16d3406ab5e2489f3c69793d9.tar.xz
bootstrap-af0921062fd6deb16d3406ab5e2489f3c69793d9.zip
rename imported files to preface with underscore; rerun grunt dist
Diffstat (limited to 'less/_code.less')
-rw-r--r--less/_code.less66
1 files changed, 66 insertions, 0 deletions
diff --git a/less/_code.less b/less/_code.less
new file mode 100644
index 000000000..4faccc50d
--- /dev/null
+++ b/less/_code.less
@@ -0,0 +1,66 @@
+//
+// Code (inline and block)
+// --------------------------------------------------
+
+
+// Inline and block code styles
+code,
+kbd,
+pre,
+samp {
+ font-family: @font-family-monospace;
+}
+
+// Inline code
+code {
+ padding: .2rem .4rem;
+ font-size: 90%;
+ color: @code-color;
+ background-color: @code-bg;
+ .border-radius(@border-radius-base);
+}
+
+// User input typically entered via keyboard
+kbd {
+ padding: .2rem .4rem;
+ font-size: 90%;
+ color: @kbd-color;
+ background-color: @kbd-bg;
+ .border-radius(@border-radius-small);
+ .box-shadow(inset 0 -.1rem 0 rgba(0,0,0,.25));
+
+ kbd {
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
+ .box-shadow(none);
+ }
+}
+
+// Blocks of code
+pre {
+ display: block;
+ padding: 1.5rem;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ font-size: 90%;
+ line-height: @line-height-base;
+ color: @pre-color;
+ background-color: @pre-bg;
+ .border-radius(@border-radius-base);
+
+ // Account for some code outputs that place code tags in pre tags
+ code {
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ background-color: transparent;
+ border-radius: 0;
+ }
+}
+
+// Enable scrollable blocks of code
+.pre-scrollable {
+ max-height: @pre-scrollable-max-height;
+ overflow-y: scroll;
+}