padding-bottom: 30px;
padding-top: 30px;
- textarea {
- background-color: $content-color; // go with theme, avoid bright white.
- }
input:hover,
- textarea:active,
- textarea:focus {
+ textarea {
// color textarea when selected, and for submit button,
// without 3d effect, we need a different color.
background: $text-input-color;
li {
// to compensate for no bullet points, we need extra space between list items
// in the case of small screens where they wrap.
- margin-top: 12px;
+ margin-top: 10px;
}
.site-nav-list {
.comment-section,
.content,
+.prose,
.page_header,
footer {
// auto does the centering magic
margin-bottom: 0;
- margin-left: auto;
margin-right: auto;
margin-top: 0;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.content,
+.prose,
+.page_header,
+footer {
+ // auto on left +right does the centering magic
+ margin-left: auto;
+}
+
+
+.comment-section,
+.content,
+.prose :not(.highlight),
+.page_header,
+footer {
max-width: $main-column-max-width; // default too wide
- padding-left: 30px;
- padding-right: 30px;
}
+
code {
background-color: $inline-code-background-color;
// defaults are squished next to the borders of the color change
font-size: 15px;
}
+// for code, scroll right instead of overflowing the body
+.highlight {
+ overflow: auto;
+}
+
pre {
// defaults are squished next to the borders of the color change
padding: 6px 8px;
a:visited {
color: $link-visited-color;
}
-