bytewax-docs 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -2
  3. data/_assets/scss/components/cookie-consent.scss +1 -1
  4. data/_assets/scss/components/footer.scss +18 -18
  5. data/_assets/scss/components/navbar.scss +27 -29
  6. data/_assets/scss/global/alerts.scss +7 -9
  7. data/_assets/scss/global/buttons.scss +11 -13
  8. data/_assets/scss/global/layout.scss +2 -2
  9. data/_assets/scss/global/mixins.scss +7 -76
  10. data/_assets/scss/global/typography.scss +6 -6
  11. data/_assets/scss/global/variables.scss +9 -1
  12. data/_assets/scss/main.scss +0 -4
  13. data/_assets/scss/templates/default.scss +7 -8
  14. data/_assets/scss/templates/docs/content.scss +9 -10
  15. data/_assets/scss/templates/docs/layout.scss +3 -3
  16. data/_assets/scss/templates/docs/pagination.scss +2 -3
  17. data/_assets/scss/templates/docs/sidebar.scss +11 -14
  18. data/_assets/scss/templates/docs/toc.scss +1 -1
  19. data/_assets/scss/templates/tutorials/archive.scss +20 -21
  20. data/_assets/scss/templates/tutorials/content.scss +13 -14
  21. data/_assets/scss/templates/tutorials/layout.scss +3 -3
  22. data/_assets/scss/templates/tutorials/snippets.scss +11 -15
  23. data/_pages/docs.md +5 -0
  24. data/_pages/privacy-policy.md +7 -0
  25. data/_pages/tutorials.md +5 -0
  26. data/assets/css/main.css +1 -8
  27. metadata +5 -6
  28. data/_assets/scss/components/article.scss +0 -132
  29. data/_assets/scss/components/newsletter.scss +0 -222
  30. data/_assets/scss/global/animate.scss +0 -633
  31. data/_assets/scss/global/slick.scss +0 -133
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a87ee06897b0b49b5500f531d5320556c291c375c797ec90812e2ddec29795d9
4
- data.tar.gz: a229b191a0440b5203b1d26294d6fd26b90d5a9a3442bc03979f658c67634555
3
+ metadata.gz: 6507fdb008f019ccbe26d75b9e9096c254bfda42590b7d8df0f0b700e599e767
4
+ data.tar.gz: c632a56b6872932f3da811eee18552c668d96758c1262037e6171b3073818b29
5
5
  SHA512:
6
- metadata.gz: 5d8be67ff461971a375ac81f7cc0e56cea3dcee8319cf5eb168341c0c04f6540c0eb88456b0cf23336c37a13fdaa2af67b2e9e54828ff657d5d307f3dc318a5f
7
- data.tar.gz: d3f39ab1f98f268e9383a0b895ee919f696f473a6f3e970f9468b2a85cbd7d3adaa556d6397a4317a7c6daee8ac784db54b5154ecd97e8f6af66c2bf74fc20f3
6
+ metadata.gz: cff7686de133989c8950d376502c393da7c70c5ca260bc154d770604b20c3273efb5b0844f924598b41a81e1555a9a5a7ce186e85936eb7e5068a61d828b2e92
7
+ data.tar.gz: 2b1b2f129b8df81ae180203572abb2a28f3eb16bc9939bc4e84d3277f212628d793f96ae08a3fb189dabd166fce2c42dc7e039adb71814a1460faa9beffd19cd
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # bytewax-docs
2
2
 
3
- ![bytewax-docs theme screenshot](screenshot.png "bytewax-docs theme")
3
+ ![bytewax-docs theme for jekyll](thumbnail.png "bytewax-docs theme")
4
4
 
5
5
  Jekyll theme originally built for [Bytewax Docs](https://docs.bytewax.io/).
6
6
 
@@ -168,7 +168,7 @@ Theme uses following plugins / libraries:
168
168
 
169
169
  ## Contributing
170
170
 
171
- Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
171
+ Bug reports and pull requests are welcome on [GitHub](https://github.com/bytewax/bytewax-docs). This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
172
172
 
173
173
  ## License
174
174
 
data/_assets/scss/components/cookie-consent.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  text-align:center;
11
11
  background-color:$blue;
12
12
  box-shadow:0px 3px 9px rgba($black,.38);
13
- @include min-sm{
13
+ @include media-min($sm){
14
14
  right:24px;
15
15
  bottom:24px;
16
16
  max-width:320px;
data/_assets/scss/components/footer.scss CHANGED
@@ -4,23 +4,23 @@
4
4
  &__container{
5
5
  padding-top:64px;
6
6
  padding-bottom:48px;
7
- @include min-sm{
7
+ @include media-min($sm){
8
8
  padding-top:72px;
9
9
  padding-bottom:96px;
10
10
  }
11
- @include min-xxl{
11
+ @include media-min($xxl){
12
12
  padding-top:96px;
13
13
  padding-bottom:136px;
14
14
  }
15
15
  }
16
16
  &__logo{
17
17
  display:none;
18
- @include min-sm{
18
+ @include media-min($sm){
19
19
  display:block;
20
20
  height:44px;
21
21
  margin:0 auto;
22
22
  }
23
- @include min-lg{
23
+ @include media-min($lg){
24
24
  margin:0 0 18px 0;
25
25
  }
26
26
  &--mono{
@@ -28,7 +28,7 @@
28
28
  height:40px;
29
29
  margin:0 auto 12px auto;
30
30
  @include opacity(.24);
31
- @include min-sm{
31
+ @include media-min($sm){
32
32
  display:none;
33
33
  }
34
34
  }
@@ -46,7 +46,7 @@
46
46
  line-height:22px;
47
47
  text-align:center;
48
48
  border-top:1px solid rgba($black,.12);
49
- @include min-lg{
49
+ @include media-min($lg){
50
50
  order:1;
51
51
  width:auto;
52
52
  max-width:33.3%;
@@ -55,14 +55,14 @@
55
55
  text-align:left;
56
56
  border-top:0;
57
57
  }
58
- @include min-xxl{
58
+ @include media-min($xxl){
59
59
  max-width:none;
60
60
  }
61
61
  }
62
62
  &__widget{
63
63
  margin:0 auto;
64
64
  text-align:center;
65
- @include min-lg{
65
+ @include media-min($lg){
66
66
  margin:0 64px;
67
67
  text-align:left;
68
68
  }
@@ -70,38 +70,38 @@
70
70
  margin-bottom:.75em;
71
71
  font-weight:600;
72
72
  font-size:1.125em;
73
- @include min-sm{
73
+ @include media-min($sm){
74
74
  font-size:1em;
75
75
  }
76
76
  }
77
77
  &--about{
78
78
  width:50%;
79
79
  margin-bottom:48px;
80
- @include min-sm{
80
+ @include media-min($sm){
81
81
  width:auto;
82
82
  margin-bottom:0;
83
83
  }
84
- @include min-lg{
84
+ @include media-min($lg){
85
85
  order:2;
86
86
  }
87
87
  }
88
88
  &--resources{
89
89
  width:50%;
90
90
  margin-bottom:48px;
91
- @include min-sm{
91
+ @include media-min($sm){
92
92
  width:auto;
93
93
  margin-bottom:0;
94
94
  }
95
- @include min-lg{
95
+ @include media-min($lg){
96
96
  order:3;
97
97
  }
98
98
  }
99
99
  &--legal{
100
100
  width:100%;
101
- @include min-sm{
101
+ @include media-min($sm){
102
102
  width:auto;
103
103
  }
104
- @include min-lg{
104
+ @include media-min($lg){
105
105
  order:4;
106
106
  margin-right:36px;
107
107
  }
@@ -129,7 +129,7 @@ body.dark-mode .footer{
129
129
  &__copyright{
130
130
  color:rgba($white,.38);
131
131
  border-top:1px solid rgba($white,.06);
132
- @include min-lg{
132
+ @include media-min($lg){
133
133
  border-top:0;
134
134
  }
135
135
  }
@@ -142,11 +142,11 @@ body.dark-mode .footer{
142
142
  display:block;
143
143
  height:40px;
144
144
  margin:0 auto 12px auto;
145
- @include min-sm{
145
+ @include media-min($sm){
146
146
  height:44px;
147
147
  margin:0 auto;
148
148
  }
149
- @include min-lg{
149
+ @include media-min($lg){
150
150
  margin:0 0 18px 0;
151
151
  }
152
152
  }
data/_assets/scss/components/navbar.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  padding-top:24px;
17
17
  padding-bottom:24px;
18
18
  @include transition(.25s ease-in-out);
19
- @include min-lg{
19
+ @include media-min($lg){
20
20
  flex-wrap:nowrap;
21
21
  min-height:126px;
22
22
  padding-top:0;
@@ -24,27 +24,27 @@
24
24
  }
25
25
  }
26
26
  &__brand{
27
- @include max-lg{
27
+ @include media-max($lg){
28
28
  order:1;
29
29
  }
30
30
  }
31
31
  &__logo{
32
32
  display:block;
33
33
  height:44px;
34
- @include min-sm{
34
+ @include media-min($sm){
35
35
  height:54px;
36
36
  }
37
37
  &--yellow{
38
38
  display:none;
39
39
  height:44px;
40
- @include min-sm{
40
+ @include media-min($sm){
41
41
  height:54px;
42
42
  }
43
43
  }
44
44
  &--dark{
45
45
  display:none;
46
46
  height:44px;
47
- @include min-sm{
47
+ @include media-min($sm){
48
48
  height:54px;
49
49
  }
50
50
  }
@@ -59,10 +59,10 @@
59
59
  border:0px;
60
60
  border-radius:0px;
61
61
  outline: 0;
62
- @include max-lg{
62
+ @include media-max($lg){
63
63
  order:3;
64
64
  }
65
- @include min-lg{
65
+ @include media-min($lg){
66
66
  display:none;
67
67
  }
68
68
  span{
@@ -113,10 +113,10 @@
113
113
  min-height:calc(100vh - 92px);
114
114
  padding:0;
115
115
  list-style-type:none;
116
- @include max-lg{
116
+ @include media-max($lg){
117
117
  order:4;
118
118
  }
119
- @include min-lg{
119
+ @include media-min($lg){
120
120
  display:flex;
121
121
  flex-direction:row;
122
122
  justify-content:flex-end;
@@ -127,14 +127,14 @@
127
127
  position:relative;
128
128
  margin:18px 0;
129
129
  line-height:135%;
130
- @include min-lg{
130
+ @include media-min($lg){
131
131
  margin:0 24px;
132
132
  }
133
- @include min-xxl{
133
+ @include media-min($xxl){
134
134
  margin:0 36px;
135
135
  }
136
136
  &:last-of-type{
137
- @include min-lg{
137
+ @include media-min($lg){
138
138
  margin-right:0;
139
139
  }
140
140
  }
@@ -145,20 +145,19 @@
145
145
  font-size:1.25em;
146
146
  font-family:$mainFont;
147
147
  text-decoration:none;
148
- @include min-lg{
148
+ @include media-min($lg){
149
149
  color:$black;
150
150
  font-size:1em;
151
151
  }
152
152
  &--dropdown::after{
153
153
  display:inline-block;
154
154
  color:rgba($black,.24);
155
- font-size:24px;
156
155
  vertical-align:middle;
157
156
  transform:rotate(0deg);
158
157
  content:"arrow_drop_down";
159
158
  @include transition(.25s ease-in-out);
160
- @include material-icons;
161
- @include min-lg{
159
+ @include material-icons(24px);
160
+ @include media-min($lg){
162
161
  color:$yellow;
163
162
  }
164
163
  }
@@ -168,7 +167,7 @@
168
167
  }
169
168
  &-item--active &-link{
170
169
  color:$black;
171
- @include min-lg{
170
+ @include media-min($lg){
172
171
  color:$yellow;
173
172
  }
174
173
  }
@@ -176,7 +175,7 @@
176
175
  display:none;
177
176
  padding:12px 0 0 0;
178
177
  list-style-type:none;
179
- @include min-lg{
178
+ @include media-min($lg){
180
179
  position:absolute;
181
180
  top:48px;
182
181
  left:-24px;
@@ -188,7 +187,7 @@
188
187
  margin:12px 0;
189
188
  line-height:135%;
190
189
  text-align:center;
191
- @include min-lg{
190
+ @include media-min($lg){
192
191
  margin:10px 0;
193
192
  text-align:left;
194
193
  }
@@ -199,7 +198,7 @@
199
198
  font-size:1.25em;
200
199
  font-family:$mainFont;
201
200
  text-decoration:none;
202
- @include min-lg{
201
+ @include media-min($lg){
203
202
  color:$white;
204
203
  font-size:1em;
205
204
  }
@@ -213,7 +212,7 @@
213
212
  border-style: solid;
214
213
  border-width: 0 5px 5px 5px;
215
214
  content:"";
216
- @include min-lg{
215
+ @include media-min($lg){
217
216
  display:inline-block;
218
217
  }
219
218
  }
@@ -228,7 +227,7 @@
228
227
  text-decoration:none;
229
228
  background:$black;
230
229
  border:1px solid $black;
231
- @include min-lg{
230
+ @include media-min($lg){
232
231
  padding:14px 24px 14px 30px;
233
232
  font-size:1em;
234
233
  background:$yellow;
@@ -240,7 +239,7 @@
240
239
  margin:0 0 0 2px;
241
240
  vertical-align:-4px;
242
241
  content:"arrow_right";
243
- @include material-icons;
242
+ @include material-icons(24px);
244
243
  }
245
244
  &:hover, &:focus{
246
245
  color:$white;
@@ -265,7 +264,7 @@
265
264
  box-shadow:0px 3px 9px rgba($black,.12);
266
265
  }
267
266
  &--scroll &__container{
268
- @include min-lg{
267
+ @include media-min($lg){
269
268
  min-height:96px;
270
269
  }
271
270
  }
@@ -282,10 +281,10 @@
282
281
  outline:none;
283
282
  cursor:pointer;
284
283
  @include transition(background-color .25s ease-in-out);
285
- @include max-lg{
284
+ @include media-max($lg){
286
285
  order:2;
287
286
  }
288
- @include min-lg{
287
+ @include media-min($lg){
289
288
  margin-left:54px;
290
289
  }
291
290
  &::before{
@@ -293,10 +292,9 @@
293
292
  top:-9px;
294
293
  left:0;
295
294
  padding:6px;
296
- font-size:18px;
297
295
  border-radius:50%;
298
296
  box-shadow:0px 1px 2px rgba($black,.24);
299
- @include material-icons;
297
+ @include material-icons(18px);
300
298
  @include transition(transform .25s ease-in-out);
301
299
  }
302
300
  &--light{
@@ -330,7 +328,7 @@ body.dark-mode .navbar{
330
328
  }
331
329
  &__nav{
332
330
  &-link{
333
- @include min-lg{
331
+ @include media-max($lg){
334
332
  color:$white;
335
333
  }
336
334
  }
data/_assets/scss/global/alerts.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  /** Alert styling **/
2
2
  .alert{
3
+ position:relative;
3
4
  margin:24px 0;
4
5
  padding:16px 24px 16px 30px;
5
6
  border-left:4px solid;
6
- position:relative;
7
- @include min-sm{
7
+ @include media-min($sm){
8
+ padding:16px 27px 16px 32px;
8
9
  font-size:16px;
9
10
  line-height:28px;
10
- padding:16px 27px 16px 32px;
11
11
  }
12
12
  a{
13
13
  font-weight:600;
@@ -17,19 +17,17 @@
17
17
  }
18
18
  }
19
19
  &__icon{
20
- @include material-icons;
20
+ @include material-icons(18px);
21
21
  position:absolute;
22
- z-index:1;
23
- left:-18px;
24
22
  top:14px;
23
+ left:-18px;
24
+ z-index:1;
25
25
  display:inline-block;
26
26
  width:32px;
27
27
  height:32px;
28
- font-size:18px;
29
- line-height:18px;
30
28
  padding:7px;
31
- border-radius:50%;
32
29
  color: $white;
30
+ border-radius:50%;
33
31
  }
34
32
  &__content{
35
33
  margin:0;
data/_assets/scss/global/buttons.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  padding:18px 30px;
15
15
  font-size:1.125em;
16
16
  border:1px solid;
17
- @include min-sm{
17
+ @include media-min($sm){
18
18
  padding:18px 36px;
19
19
  font-size:1.11em;
20
20
  }
@@ -23,7 +23,7 @@
23
23
  padding:14px 27px;
24
24
  font-size:1em;
25
25
  border:1px solid;
26
- @include min-sm{
26
+ @include media-min($sm){
27
27
  padding:15px 32px;
28
28
  font-size:.88em;
29
29
  }
@@ -67,7 +67,7 @@
67
67
  vertical-align:-4px;
68
68
  background:url('../img/github_black.svg')no-repeat center;
69
69
  background-size:100%;
70
- @include min-sm{
70
+ @include media-min($sm){
71
71
  width:24px;
72
72
  height:24px;
73
73
  margin-right:-4px;
@@ -80,7 +80,7 @@
80
80
  }
81
81
  &--md &__github{
82
82
  margin-left:6px;
83
- @include min-sm{
83
+ @include media-min($sm){
84
84
  vertical-align:-7px;
85
85
  }
86
86
  }
@@ -88,15 +88,14 @@
88
88
  display:inline-block;
89
89
  width:18px;
90
90
  height:18px;
91
- font-size:18px;
92
91
  vertical-align:-4px;
93
- @include min-sm{
92
+ @include media-min($sm){
94
93
  width:24px;
95
94
  height:24px;
96
95
  font-size:24px;
97
96
  vertical-align:-6px;
98
97
  }
99
- @include material-icons;
98
+ @include material-icons(18px);
100
99
  &--left{
101
100
  margin-right:8px;
102
101
  margin-left:-2px;
@@ -107,7 +106,7 @@
107
106
  }
108
107
  }
109
108
  &--md &__icon{
110
- @include min-sm{
109
+ @include media-min($sm){
111
110
  vertical-align:-7px;
112
111
  }
113
112
  &--left{
@@ -122,11 +121,10 @@
122
121
  display:inline-block;
123
122
  width:18px;
124
123
  height:18px;
125
- font-size:18px;
126
124
  vertical-align:-4px;
127
125
  content:"";
128
- @include material-icons;
129
- @include min-sm{
126
+ @include material-icons(18px);
127
+ @include media-min($sm){
130
128
  width:24px;
131
129
  height:24px;
132
130
  font-size:24px;
@@ -137,7 +135,7 @@
137
135
  margin-right:8px;
138
136
  margin-left:-2px;
139
137
  content:"arrow_backward";
140
- @include min-sm{
138
+ @include media-min($sm){
141
139
  margin-left:-4px;
142
140
  }
143
141
  }
@@ -145,7 +143,7 @@
145
143
  margin-right:-2px;
146
144
  margin-left:8px;
147
145
  content:"arrow_forward";
148
- @include min-sm{
146
+ @include media-min($sm){
149
147
  margin-right:-4px;
150
148
  }
151
149
  }