Files
remark42/web/app/components/raw-content/raw-content.scss
T

124 lines
1.8 KiB
SCSS

.raw-content {
word-break: break-word;
p {
margin: 0;
+ p {
margin-top: 8px;
}
// imported comments have br instead of p
br {
content: '';
display: block;
margin-top: 8px;
}
}
a {
color: #0aa;
&:hover {
color: #06c5c5;
text-decoration: none;
}
}
img {
max-width: 100%;
max-height: 300px;
}
h1, h2, h3, h4, h5, h6 {
&:first-child {
margin-top: 0;
}
}
blockquote {
margin: 0;
padding: 8px 8px 8px 24px;
background: #fafafa;
border-radius: 2px;
+ p {
margin-top: 8px;
}
}
table {
display: block;
overflow: auto;
border-spacing: 0;
border-collapse: collapse;
th {
text-align: left;
font-weight: 600;
}
th, td {
padding: 6px 13px;
border: 1px solid #dfe2e5;
}
tr {
background-color: #fff;
border-top: 1px solid #b7dddd;
&:nth-child(2n) {
background-color: #f6f8fa;
}
}
}
code {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: rgba(#1b1f23, .05);
border-radius: 3px;
}
pre {
padding: 16px;
overflow-x: auto;
overflow-y: hidden;
tab-size: 2;
word-wrap: normal;
font-size: 85%;
line-height: 1.45;
background-color: #f6f8fa;
border-radius: 3px;
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
> code {
display: inline;
padding: 0;
margin: 0;
overflow: visible;
word-break: normal;
white-space: pre;
word-wrap: normal;
font-size: 100%;
line-height: inherit;
background: transparent;
border-radius: 0;
}
}
sup, sub {
sup, sub {
vertical-align: middle; // to prevent some visual cheats
}
}
}