/////////////////////////// // THEME / VARIABLES / CODE /////////////////////////// @import '_variables.color-palette'; @import '_variables.modular-scale'; @import '_variables.sizing'; // Background color $bg-color-code-light-mode: fade-out($black, .95); // <code> background-color in light mode $bg-color-code-dark-mode: fade-out($white, .9); // <code> background-color in dark mode $bg-color-code: var(--bg-code); $bg-color-kbd: $black; // <kbd> background-color $bg-color-pre: var(--bg-code); // .dcf-pre background-color // Border radius $border-radius-code: true; // Roundrect border-radius for <code>, <kbd> and <pre>? True/false // Color $color-code-light-mode: lighten($color-body-light-mode, 10%); // <code> color in light mode $color-code-dark-mode: lighten($color-body-dark-mode, 10%); // <code> color in dark mode $color-code: var(--code); $color-kbd: $kbd; // <kbd> color // Font size $font-size-code: #{ms(-1)}em; // <code> font-size: .84em $font-size-kbd: #{ms(-1)}em; // <kbd> font-size: .84em // Padding $padding-code: #{ms(-14)}rem #{ms(-10)}rem; // <code> padding: .13rem .24rem $padding-kbd: #{ms(-14)}rem #{ms(-10)}rem; // <kbd> padding: .13rem .24rem $padding-pre: $length-em-4; // <pre> padding: 1em // Tab size $tab-size-pre: 2; // <pre> tab size