bytewax-docs 0.1.0 → 0.1.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.
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
 
@@ -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;
@@ -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
  }
@@ -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
  }
@@ -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;
@@ -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
  }