papercss/src/content/_code.scss

43 lines
909 B
SCSS
Raw Normal View History

2017-12-19 17:52:33 +01:00
code {
2020-06-01 23:02:51 +02:00
@include color('color', 'secondary');
@include color('background-color', 'primary-shaded-70');
2017-12-19 17:52:33 +01:00
border-radius: 3px;
2018-05-24 14:13:53 +02:00
font-size: 80%;
padding: 2px 4px;
2017-12-19 17:52:33 +01:00
}
2018-05-24 14:13:53 +02:00
2017-12-19 17:52:33 +01:00
kbd {
@include color('color', 'primary-inverse');
2020-06-01 23:02:51 +02:00
@include color('background-color', 'primary');
2017-12-19 17:52:33 +01:00
border-radius: 3px;
2018-05-24 14:13:53 +02:00
font-size: 80%;
padding: 2px 4px;
2017-12-19 17:52:33 +01:00
}
2018-05-24 14:13:53 +02:00
2017-12-19 17:52:33 +01:00
pre {
@include color('color', 'inverse-primary');
@include color('background-color', 'primary-shaded-70');
@include color('border-color', 'primary-shaded-50');
2020-06-01 23:02:51 +02:00
2017-12-19 17:52:33 +01:00
border-radius: 3px;
2020-06-01 23:02:51 +02:00
border-style: solid;
border-width: 1px;
2018-05-24 14:13:53 +02:00
display: block;
font-size: 80%;
line-height: 1.5;
2017-12-19 17:52:33 +01:00
overflow-x: auto;
2018-05-24 14:13:53 +02:00
padding: 1em;
2017-12-19 17:52:33 +01:00
white-space: pre;
2018-05-24 14:13:53 +02:00
word-break: break-all;
word-wrap: break-word;
2017-12-19 17:52:33 +01:00
code {
@include color('color', 'inverse-primary');
2020-09-07 00:19:31 +02:00
background: transparent;
2017-12-19 17:52:33 +01:00
display: block;
font-size: inherit;
padding: initial;
2018-05-24 14:13:53 +02:00
white-space: pre;
2017-12-19 17:52:33 +01:00
}
}