Skip to content

Commit 2a187b0

Browse files
apinnickapinnick
committed
Revert "update2"
This reverts commit 06b1c1a.
1 parent 06b1c1a commit 2a187b0

File tree

1 file changed

+378
-0
lines changed

1 file changed

+378
-0
lines changed

‎_sass/jekyll-theme-cayman.scss

+378
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,378 @@
1+
@import "normalize";
2+
@import "rouge-github";
3+
@import "variables";
4+
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
5+
6+
@mixin large {
7+
@media screen and (min-width: #{$large-breakpoint}) {
8+
@content;
9+
}
10+
}
11+
12+
@mixin medium {
13+
@media screen and (min-width: #{$medium-breakpoint}) and (max-width: #{$large-breakpoint}) {
14+
@content;
15+
}
16+
}
17+
18+
@mixin small {
19+
@media screen and (max-width: #{$medium-breakpoint}) {
20+
@content;
21+
}
22+
}
23+
24+
* {
25+
box-sizing: border-box;
26+
}
27+
28+
body {
29+
padding: 0;
30+
margin: 0;
31+
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
32+
font-size: 16px;
33+
line-height: 1.5;
34+
color: $body-text-color;
35+
}
36+
37+
#skip-to-content {
38+
height: 1px;
39+
width: 1px;
40+
position: absolute;
41+
overflow: hidden;
42+
top: -10px;
43+
44+
&:focus {
45+
position: fixed;
46+
top: 10px;
47+
left: 10px;
48+
height: auto;
49+
width: auto;
50+
background: invert($body-link-color);
51+
outline: thick solid invert($body-link-color);
52+
}
53+
}
54+
55+
a {
56+
color: $body-link-color;
57+
text-decoration: none;
58+
59+
&:hover {
60+
text-decoration: underline;
61+
}
62+
}
63+
64+
.btn {
65+
display: inline-block;
66+
margin-bottom: 1rem;
67+
color: rgba(255, 255, 255, 0.7);
68+
background-color: rgba(255, 255, 255, 0.08);
69+
border-color: rgba(255, 255, 255, 0.2);
70+
border-style: solid;
71+
border-width: 1px;
72+
border-radius: 0.3rem;
73+
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
74+
75+
&:hover {
76+
color: rgba(255, 255, 255, 0.8);
77+
text-decoration: none;
78+
background-color: rgba(255, 255, 255, 0.2);
79+
border-color: rgba(255, 255, 255, 0.3);
80+
}
81+
82+
+ .btn {
83+
margin-left: 1rem;
84+
}
85+
86+
@include large {
87+
padding: 0.75rem 1rem;
88+
}
89+
90+
@include medium {
91+
padding: 0.6rem 0.9rem;
92+
font-size: 0.9rem;
93+
}
94+
95+
@include small {
96+
display: block;
97+
width: 100%;
98+
padding: 0.75rem;
99+
font-size: 0.9rem;
100+
101+
+ .btn {
102+
margin-top: 1rem;
103+
margin-left: 0;
104+
}
105+
}
106+
}
107+
108+
.page-header {
109+
color: $header-heading-color;
110+
text-align: center;
111+
background-color: $header-bg-color;
112+
background-image: linear-gradient(90deg, $header-bg-color-secondary, $header-bg-color);
113+
114+
@include large {
115+
padding: 5rem 6rem;
116+
}
117+
118+
@include medium {
119+
padding: 3rem 4rem;
120+
}
121+
122+
@include small {
123+
padding: 2rem 1rem;
124+
}
125+
}
126+
127+
.project-name {
128+
margin-top: 0;
129+
margin-bottom: 0.1rem;
130+
131+
@include large {
132+
font-size: 3.25rem;
133+
}
134+
135+
@include medium {
136+
font-size: 2.25rem;
137+
}
138+
139+
@include small {
140+
font-size: 1.75rem;
141+
}
142+
}
143+
144+
.project-tagline {
145+
margin-bottom: 2rem;
146+
font-weight: normal;
147+
opacity: 0.7;
148+
149+
@include large {
150+
font-size: 1.25rem;
151+
}
152+
153+
@include medium {
154+
font-size: 1.15rem;
155+
}
156+
157+
@include small {
158+
font-size: 1rem;
159+
}
160+
}
161+
162+
.main-content {
163+
word-wrap: break-word;
164+
165+
:first-child {
166+
margin-top: 0;
167+
}
168+
169+
@include large {
170+
max-width: 64rem;
171+
padding: 2rem 6rem;
172+
margin: 0 auto;
173+
font-size: 1.1rem;
174+
}
175+
176+
@include medium {
177+
padding: 2rem 4rem;
178+
font-size: 1.1rem;
179+
}
180+
181+
@include small {
182+
padding: 2rem 1rem;
183+
font-size: 1rem;
184+
}
185+
186+
kbd {
187+
background-color: #fafbfc;
188+
border: 1px solid #c6cbd1;
189+
border-bottom-color: #959da5;
190+
border-radius: 3px;
191+
box-shadow: inset 0 -1px 0 #959da5;
192+
color: #444d56;
193+
display: inline-block;
194+
font-size: 11px;
195+
line-height: 10px;
196+
padding: 3px 5px;
197+
vertical-align: middle;
198+
}
199+
200+
img {
201+
max-width: 100%;
202+
}
203+
204+
h1,
205+
h2,
206+
h3,
207+
h4,
208+
h5,
209+
h6 {
210+
margin-top: 2rem;
211+
margin-bottom: 1rem;
212+
font-weight: normal;
213+
color: $section-headings-color;
214+
}
215+
216+
p {
217+
margin-bottom: 1em;
218+
}
219+
220+
code {
221+
padding: 2px 4px;
222+
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
223+
font-size: 0.9rem;
224+
color: $code-text-color;
225+
background-color: $code-bg-color;
226+
border-radius: 0.3rem;
227+
}
228+
229+
pre {
230+
padding: 0.8rem;
231+
margin-top: 0;
232+
margin-bottom: 1rem;
233+
font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
234+
color: $code-text-color;
235+
word-wrap: normal;
236+
background-color: $code-bg-color;
237+
border: solid 1px $border-color;
238+
border-radius: 0.3rem;
239+
240+
> code {
241+
padding: 0;
242+
margin: 0;
243+
font-size: 0.9rem;
244+
color: $code-text-color;
245+
word-break: normal;
246+
white-space: pre;
247+
background: transparent;
248+
border: 0;
249+
}
250+
}
251+
252+
.highlight {
253+
margin-bottom: 1rem;
254+
255+
pre {
256+
margin-bottom: 0;
257+
word-break: normal;
258+
}
259+
}
260+
261+
.highlight pre,
262+
pre {
263+
padding: 0.8rem;
264+
overflow: auto;
265+
font-size: 0.9rem;
266+
line-height: 1.45;
267+
border-radius: 0.3rem;
268+
-webkit-overflow-scrolling: touch;
269+
}
270+
271+
pre code,
272+
pre tt {
273+
display: inline;
274+
max-width: initial;
275+
padding: 0;
276+
margin: 0;
277+
overflow: initial;
278+
line-height: inherit;
279+
word-wrap: normal;
280+
background-color: transparent;
281+
border: 0;
282+
283+
&:before,
284+
&:after {
285+
content: normal;
286+
}
287+
}
288+
289+
ul,
290+
ol {
291+
margin-top: 0;
292+
}
293+
294+
blockquote {
295+
padding: 0 1rem;
296+
margin-left: 0;
297+
color: $blockquote-text-color;
298+
border-left: 0.3rem solid $border-color;
299+
300+
> :first-child {
301+
margin-top: 0;
302+
}
303+
304+
> :last-child {
305+
margin-bottom: 0;
306+
}
307+
}
308+
309+
table {
310+
display: block;
311+
width: 100%;
312+
overflow: auto;
313+
word-break: normal;
314+
word-break: keep-all; // For Firefox to horizontally scroll wider tables.
315+
-webkit-overflow-scrolling: touch;
316+
317+
th {
318+
font-weight: bold;
319+
}
320+
321+
th,
322+
td {
323+
padding: 0.5rem 1rem;
324+
border: 1px solid $table-border-color;
325+
}
326+
}
327+
328+
dl {
329+
padding: 0;
330+
331+
dt {
332+
padding: 0;
333+
margin-top: 1rem;
334+
font-size: 1rem;
335+
font-weight: bold;
336+
}
337+
338+
dd {
339+
padding: 0;
340+
margin-bottom: 1rem;
341+
}
342+
}
343+
344+
hr {
345+
height: 2px;
346+
padding: 0;
347+
margin: 1rem 0;
348+
background-color: $hr-border-color;
349+
border: 0;
350+
}
351+
}
352+
353+
.site-footer {
354+
padding-top: 2rem;
355+
margin-top: 2rem;
356+
border-top: solid 1px $hr-border-color;
357+
358+
@include large {
359+
font-size: 1rem;
360+
}
361+
362+
@include medium {
363+
font-size: 1rem;
364+
}
365+
366+
@include small {
367+
font-size: 0.9rem;
368+
}
369+
}
370+
371+
.site-footer-owner {
372+
display: block;
373+
font-weight: bold;
374+
}
375+
376+
.site-footer-credits {
377+
color: $blockquote-text-color;
378+
}

0 commit comments

Comments
 (0)