dpaste/client/scss/components/_text.scss

103 lines
1.5 KiB
SCSS
Raw Normal View History

2018-04-06 05:18:22 +10:00
/*
Generic Content pages and Text based lexer.
*/
article {
padding: 0 $boxPadding 40px $boxPadding;
margin-top: 30px;
font-size: 16px;
font-weight: $baseFontRegular;
line-height: 24px;
max-width: 600px;
color: $textColor;
2018-04-06 19:33:47 +10:00
@include colored-links;
2018-04-06 05:18:22 +10:00
h1, h2, h3, h4, h5, h6 {
font-weight: $baseFontRegular;
line-height: 1.3em;
padding-bottom: 5px;
border-bottom: 1px solid $borderColor;
}
p {
margin: 30px 0;
}
strong, b {
font-weight: $baseFontDemiBold;
}
table {
margin: 20px 0;
border: 1px solid $borderColor;
border-collapse: collapse;
td, th {
border: 1px solid $borderColor;
padding: 5px 10px;
}
}
hr {
border: 0;
height: 1px;
background-color: darken($borderColor, 10%);
}
pre {
font-family: $codeFont;
font-size: 13px;
font-weight: 300;
background-color: #f8f8f8;
padding: 10px;
}
blockquote {
font-style: italic;
}
2018-04-06 19:33:47 +10:00
// reStructuredText Specific
dl, ul, ol, table {
p { margin: 0; }
}
.admonition {
padding: 10px 10px;
margin: 20px 0;
background-color: $metaBgColor;
.admonition-title {
margin: 0;
font-weight: $baseFontBold;
}
p { margin: 20px 0 0 0; }
}
.problematic {
background-color: $confirmBgColor;
}
.system-message {
background-color: $confirmBgColor;
border: 2px dashed darken($confirmBgColor, 30%);
padding: 10px 20px;
margin: 20px 0;
p { margin: 10px 0; }
}
2018-04-06 05:18:22 +10:00
}
article.content-page {
h2 { margin-top: 0; }
}