app/assets/stylesheets/markdown.css.scss
@import "configuration";
.markdown {
font-size: 14px;
*:first-child {
margin-top: 0;
}
*:last-child {
margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
color: #333;
margin: 20px 0 10px;
}
h1 {
font-size: 28px;
line-height: 28px;
margin-bottom: 10px;
font-weight: bold;
}
h2 {
font-size: 24px;
line-height: 24px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
line-height: 16px;
font-weight: 600;
}
h5 {
font-size: 14px;
line-height: 14px;
font-weight: 600;
}
h6 {
font-size: 14px;
line-height: 14px;
color: #777;
}
p, blockquote, ul, ol, dl, table, pre {
margin: 10px 0;
}
p {
line-height: 18px;
}
b, strong {
font-weight: 600;
}
i, em {
font-style: italic;
}
ul {
list-style: circle;
}
ol {
list-style: decimal;
}
ul, ol {
margin-left: 2em;
}
code {
border: 1px solid #E1E1E8;
font-family: "source-code-pro", Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
display: inline-block;
padding: 0px 3px 1px;
line-height: 19px;
background-color: #F7F7F9;
border: 1px solid #E1E1E8;
font-size: 12px;
border-radius: 3px;
}
pre {
white-space: pre-wrap;
overflow-x: scroll;
display: block;
padding: 4px 8px;
font-family: "source-code-pro", Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
line-height: 19px;
font-size: 12px;
border-radius: 3px;
background: #F7F7F9;
border: 1px solid #E1E1E8;
color: #404040;
code {
background: none;
padding: 0;
border: none;
}
}
blockquote {
border-left: 2px solid $gray;
background: rgba(0, 0, 0, 0.03);
padding: 10px;
*:first-child {
margin-top: 0px;
}
*:last-child {
margin-bottom: 0px;
}
}
}