jekyll-theme-proxima 0.0.1

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