2017-07-12 21:09:15 +03:00
|
|
|
// stylelint-disable selector-max-type
|
2017-05-11 07:56:23 +03:00
|
|
|
.markdown-body {
|
|
|
|
// Inline code snippets
|
|
|
|
code,
|
|
|
|
tt {
|
2017-10-06 01:18:11 +03:00
|
|
|
padding: 0.2em 0.4em;
|
2017-05-11 07:56:23 +03:00
|
|
|
margin: 0;
|
|
|
|
font-size: 85%;
|
|
|
|
background-color: rgba($black, 0.05);
|
2017-11-09 01:57:44 +03:00
|
|
|
border-radius: $border-radius;
|
2017-05-11 07:56:23 +03:00
|
|
|
|
|
|
|
br { display: none; }
|
|
|
|
}
|
|
|
|
|
|
|
|
del code { text-decoration: inherit; }
|
|
|
|
|
|
|
|
pre {
|
|
|
|
word-wrap: normal;
|
|
|
|
|
|
|
|
// Code tags within code blocks (<pre>s)
|
|
|
|
> code {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
font-size: 100%;
|
|
|
|
word-break: normal;
|
|
|
|
white-space: pre;
|
|
|
|
background: transparent;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.highlight {
|
2017-07-18 18:50:19 +03:00
|
|
|
margin-bottom: $spacer-3;
|
2017-05-11 07:56:23 +03:00
|
|
|
|
|
|
|
pre {
|
|
|
|
margin-bottom: 0;
|
|
|
|
word-break: normal;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.highlight pre,
|
|
|
|
pre {
|
2017-07-18 18:50:19 +03:00
|
|
|
padding: $spacer-3;
|
2017-05-11 07:56:23 +03:00
|
|
|
overflow: auto;
|
|
|
|
font-size: 85%;
|
|
|
|
line-height: 1.45;
|
|
|
|
background-color: $gray-100;
|
2017-11-09 01:57:44 +03:00
|
|
|
border-radius: $border-radius;
|
2017-05-11 07:56:23 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
pre code,
|
|
|
|
pre tt {
|
|
|
|
display: inline;
|
|
|
|
max-width: auto;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
overflow: visible;
|
|
|
|
line-height: inherit;
|
|
|
|
word-wrap: normal;
|
|
|
|
background-color: transparent;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
}
|