1
1
mirror of https://github.com/primer/css.git synced 2024-12-19 20:21:38 +03:00
css/modules/primer-markdown/lib/code.scss
2017-06-29 12:49:16 -07:00

77 lines
1.3 KiB
SCSS

// stylelint-disable selector-no-type
.markdown-body {
// Inline code snippets
code,
tt {
padding: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba($black, 0.05);
border-radius: 3px; // don't add padding, gives scrollbars
&::before,
&::after {
letter-spacing: -0.2em; // this creates padding
content: "\00a0";
}
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 {
margin-bottom: $margin;
pre {
margin-bottom: 0;
word-break: normal;
}
}
.highlight pre,
pre {
padding: $margin;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: $gray-100;
border-radius: 3px;
}
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;
&::before,
&::after {
content: normal;
}
}
}