// Inline code
code {
	font-size: @code-font-size;
	color: @code-color;
	word-break: 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;
}