bootstrap-less-port/less/_code.less

A Less port of Bootstrap v4

// Inline code
code {
	#font-size(@code-font-size);
	color: @code-color;
	word-wrap: break-word;

	// Streamline the style when inside anchors to avoid broken underline and more
	a > & {
		color: inherit;
	}
}

// User input typically entered via keyboard
kbd {
	padding: @kbd-padding-y @kbd-padding-x;
	#font-size(@kbd-font-size);
	color: @kbd-color;
	background-color: @kbd-bg;
	#border-radius(@border-radius-sm);
	#box-shadow(@kbd-box-shadow);

	kbd {
		padding: 0;
		#font-size(100%);
		font-weight: @nested-kbd-font-weight;
		#box-shadow(none);
	}
}

// Blocks of code
pre {
	display: block;
	#font-size(@code-font-size);
	color: @pre-color;

	// Account for some code outputs that place code tags in pre tags
	code {
		#font-size(inherit);
		color: inherit;
		word-break: normal;
	}
}

// Enable scrollable blocks of code
.pre-scrollable {
	max-height: @pre-scrollable-max-height;
	overflow-y: scroll;
}