You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
aSkelly/scss/component/_code.scss

42 lines
882 B
SCSS

@use '../utilities/main_utilities' as *;
code,samp {
font-family: monospace;
background-color: $color-accent;
border-radius: $border-radius;
color: $color-text;
display: inline-block;
margin: 0 0.1rem;
padding: 0 0.5rem;
@include color-scheme(dark) {
background-color: $color-accent--dark;
color: $color-text--dark;
}
}
pre {
margin: .5rem 0;
padding: 0.5rem 2rem;
display: block;
font-size: .9rem;
line-height: 1.3rem;
background-color: $color-accent;
border-radius: $border-radius;
color: $color-text;
overflow-x: auto;
white-space: pre-wrap;
border: 1px solid $color-text;
@include color-scheme(dark) {
background-color: $color-accent--dark;
color: $color-text--dark;
border-color: $color-text--dark;
}
}
section pre {
overflow: auto;
}