dpaste/client/scss/components/_text.scss

108 lines
1.7 KiB
SCSS
Raw Normal View History

2018-06-23 22:31:19 +10:00
.snippet-text {
background-color: $bgColor;
}
2018-04-06 05:18:22 +10:00
2018-04-07 17:14:32 +10:00
// Generic content pages such as About/404/500
// and base styles for text based lexer.
2018-04-06 05:18:22 +10:00
article {
2018-04-14 02:44:33 +10:00
@include boxPadding(30px, 40px);
2018-04-06 05:18:22 +10:00
font-size: 16px;
font-weight: $baseFontRegular;
line-height: 24px;
color: $textColor;
max-width: 600px;
2018-04-06 05:18:22 +10:00
2018-04-06 19:33:47 +10:00
@include colored-links;
.first-item {
margin-top: 0;
}
2018-04-06 05:18:22 +10:00
h1, h2, h3, h4, h5, h6 {
font-weight: $baseFontRegular;
line-height: 1.3em;
}
p {
2018-04-07 17:14:32 +10:00
margin: 10px 0 20px 0;
2018-04-06 05:18:22 +10:00
}
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
dl, ul, ol, table {
p { margin: 0; }
}
2018-04-07 17:14:32 +10:00
}
// Specific styles for text based lexer
2018-04-14 16:29:07 +10:00
.snippet-text article {
2018-04-07 17:14:32 +10:00
h1, h2, h3, h4, h5, h6 {
padding-bottom: 5px;
border-bottom: 1px solid $borderColor;
}
2018-04-06 19:33:47 +10:00
2018-04-14 16:29:07 +10:00
// rst syntax
2018-04-06 19:33:47 +10:00
.admonition {
padding: 10px 10px;
margin: 20px 0;
background-color: $metaBgColor;
2018-04-07 17:14:32 +10:00
.admonition-title {
2018-04-06 19:33:47 +10:00
margin: 0;
font-weight: $baseFontBold;
}
p { margin: 20px 0 0 0; }
}
2018-04-14 16:29:07 +10:00
// rst syntax
2018-04-06 19:33:47 +10:00
.problematic {
background-color: $confirmBgColor;
}
2018-04-14 16:29:07 +10:00
// rst syntax
2018-04-06 19:33:47 +10:00
.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
}