jekyll-theme-proxima 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
+ // }