2 @import "rouge-github";
6 @media screen and (min-width: #{$large-breakpoint}) {
12 @media screen and (min-width: #{$medium-breakpoint}) and (max-width: #{$large-breakpoint}) {
18 @media screen and (max-width: #{$medium-breakpoint}) {
24 box-sizing: border-box;
30 font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
33 color: $body-text-color;
37 color: $body-link-color;
38 text-decoration: none;
41 text-decoration: underline;
46 display: inline-block;
48 color: rgba(255, 255, 255, 0.7);
49 background-color: rgba(255, 255, 255, 0.08);
50 border-color: rgba(255, 255, 255, 0.2);
53 border-radius: 0.3rem;
54 transition: color 0.2s, background-color 0.2s, border-color 0.2s;
57 color: rgba(255, 255, 255, 0.8);
58 text-decoration: none;
59 background-color: rgba(255, 255, 255, 0.2);
60 border-color: rgba(255, 255, 255, 0.3);
68 padding: 0.75rem 1rem;
72 padding: 0.6rem 0.9rem;
90 color: $header-heading-color;
92 background-color: $header-bg-color;
93 background-image: linear-gradient(120deg, $header-bg-color-secondary, $header-bg-color);
110 margin-bottom: 0.1rem;
144 word-wrap: break-word;
180 color: $section-headings-color;
189 font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
191 color: $code-text-color;
192 background-color: $code-bg-color;
193 border-radius: 0.3rem;
200 font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
201 color: $code-text-color;
203 background-color: $code-bg-color;
204 border: solid 1px $border-color;
205 border-radius: 0.3rem;
211 color: $code-text-color;
214 background: transparent;
234 border-radius: 0.3rem;
235 -webkit-overflow-scrolling: touch;
245 line-height: inherit;
247 background-color: transparent;
264 color: $blockquote-text-color;
265 border-left: 0.3rem solid $border-color;
281 word-break: keep-all; // For Firefox to horizontally scroll wider tables.
282 -webkit-overflow-scrolling: touch;
290 padding: 0.5rem 1rem;
291 border: 1px solid $table-border-color;
315 background-color: $hr-border-color;
323 border-top: solid 1px $hr-border-color;
343 .site-footer-credits {
344 color: $blockquote-text-color;