// NibblePoker CSS Theme - CC0 1.0 (Public Domain)


/* Defaults > Code */

code, .code, kbd, .t-monospace {
	font-family: Consolas, "Courier New", monospace;
}

// For large blocks
//code { }
.code, kbd, code {
	background-color: #{$color-background-code};
}

// For inline spans
// We're applying the equivalent of `.r-s.px-xs.px-s`
// Kinda goes against the core ideas, but it would be annoying without it.
.code, kbd {
	border: 1px solid;
	
	// Using '.r-s'
	border-radius: calc(#{$border-base-radius} * 0.75);
	
	// Using the middle of '.px-xs' and '.px-s'
	padding-left: calc(#{$border-base-radius} * 0.625);
	padding-right: calc(#{$border-base-radius} * 0.625);
}

// Removes the background added by highlight.js
.code-line {
	background: rgba(0,0,0,0) !important;
}

// FIXME: Makes the inline block ugly !!!
code, .code, .code-line {
	line-height: 1.175;
}

// FIXME: Use a proper class !!!
.code:not(code) {
	//padding: calc(#{$border-base-radius} * 0.625);
	padding: calc(#{$border-base-radius} * 0.55);
	padding-top: calc(#{$border-base-radius} * 0.25);
	padding-bottom: calc(#{$border-base-radius} * 0.25);
}