1 // https://github.com/necolas/normalize.css
4 @import "subscribe-char";
5 @import "code-highlight";
8 // It sits too high by default.
9 vertical-align: middle;
13 // add some space at top and bottom of comment section
18 // whitespace doesn't cut it to differentiate multiple comments,
20 border-top-color: $comment-br-color;
21 border-top-style: solid;
22 border-top-width: 0.716667px; // copied from stackoverflow.
26 .comment-stripe code {
27 // differentiate comments, don't colorize code
28 background-color: $comment-background-color;
32 // make the top/bottom of comments have more space
39 // color textarea when selected, and for submit button,
40 // without 3d effect, we need a different color.
41 background: $text-input-color;
47 border: 0; // flat is better than default 3d thing
48 margin-bottom: 10px; // add some space between input and submit button
49 padding: 5px; // by default text input hugs the edges too much
52 // if this is filled out, we can assume it's spam. common tactic.
58 // make the comment box be full width
63 // i dun like the default bullet points
64 list-style-type: none;
68 // to compensate for no bullet points, we need extra space between list items
69 // in the case of small screens where they wrap.
74 // for site index lists, bigger font, no indent
80 font-size: 18px; // default too small
81 line-height: 1.5; // default is too scrunched
85 color: $comment-date-color;
96 letter-spacing: -1px; // default too wide, found randomly
97 margin: 0; // default is too much below where the date is.
100 // make the header links less prominent.
101 // link color in top navigation is better as some less eye
105 color: $page-header-link-color;
119 .main-content-stripe {
120 // i don't like bright white. copy a gitweb color
121 background-color: $content-color;
139 // auto does the centering magic
151 // auto on left +right does the centering magic
158 .prose :not(.highlight),
161 max-width: $main-column-max-width; // default too wide
166 background-color: $inline-code-background-color;
167 // defaults are squished next to the borders of the color change
173 // mono text is wider, so use smaller font to compensate
177 // for code, scroll right instead of overflowing the body
183 // defaults are squished next to the borders of the color change
188 // taken from wikipedia. purple links get a bit old.
191 text-decoration: none;
195 text-decoration: underline;
199 color: $link-visited-color;