47 lines
1.1 KiB
SCSS
47 lines
1.1 KiB
SCSS
// 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);
|
|
}
|