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 +4 -4
- data/README.md +2 -2
- data/_assets/scss/components/cookie-consent.scss +1 -1
- data/_assets/scss/components/footer.scss +18 -18
- data/_assets/scss/components/navbar.scss +27 -29
- data/_assets/scss/global/alerts.scss +7 -9
- data/_assets/scss/global/buttons.scss +11 -13
- data/_assets/scss/global/layout.scss +2 -2
- data/_assets/scss/global/mixins.scss +7 -76
- data/_assets/scss/global/typography.scss +6 -6
- data/_assets/scss/global/variables.scss +9 -1
- data/_assets/scss/main.scss +0 -4
- data/_assets/scss/templates/default.scss +7 -8
- data/_assets/scss/templates/docs/content.scss +9 -10
- data/_assets/scss/templates/docs/layout.scss +3 -3
- data/_assets/scss/templates/docs/pagination.scss +2 -3
- data/_assets/scss/templates/docs/sidebar.scss +11 -14
- data/_assets/scss/templates/docs/toc.scss +1 -1
- data/_assets/scss/templates/tutorials/archive.scss +20 -21
- data/_assets/scss/templates/tutorials/content.scss +13 -14
- data/_assets/scss/templates/tutorials/layout.scss +3 -3
- data/_assets/scss/templates/tutorials/snippets.scss +11 -15
- data/_pages/docs.md +5 -0
- data/_pages/privacy-policy.md +7 -0
- data/_pages/tutorials.md +5 -0
- data/assets/css/main.css +1 -8
- metadata +5 -6
- data/_assets/scss/components/article.scss +0 -132
- data/_assets/scss/components/newsletter.scss +0 -222
- data/_assets/scss/global/animate.scss +0 -633
- data/_assets/scss/global/slick.scss +0 -133
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
margin:0 auto;
|
|
13
13
|
padding-right:18px;
|
|
14
14
|
padding-left:18px;
|
|
15
|
-
@include min
|
|
15
|
+
@include media-min($lg){
|
|
16
16
|
padding-right:24px;
|
|
17
17
|
padding-left:24px;
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
.main{
|
|
21
21
|
padding-top:92px;
|
|
22
|
-
@include min
|
|
22
|
+
@include media-min($lg){
|
|
23
23
|
padding-top:126px;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
@@ -37,8 +37,9 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
/** Material Icons mixin **/
|
|
40
|
-
@mixin material-icons{
|
|
40
|
+
@mixin material-icons($size){
|
|
41
41
|
font-weight: normal;
|
|
42
|
+
font-size: $size;
|
|
42
43
|
font-family: 'Material Icons';
|
|
43
44
|
font-style: normal;
|
|
44
45
|
line-height: 1;
|
|
@@ -51,84 +52,14 @@
|
|
|
51
52
|
-webkit-font-smoothing: antialiased;
|
|
52
53
|
}
|
|
53
54
|
|
|
54
|
-
/** Media queries
|
|
55
|
-
@mixin min
|
|
56
|
-
@media
|
|
55
|
+
/** Media queries (use with breakpoints from 'variables.scss' */
|
|
56
|
+
@mixin media-min($breakpoint) {
|
|
57
|
+
@media screen and (min-width: $breakpoint) {
|
|
57
58
|
@content;
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
|
-
@mixin max
|
|
61
|
-
@media
|
|
62
|
-
@content;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
@mixin min-1440 {
|
|
66
|
-
@media only screen and (min-width: 1440px) {
|
|
67
|
-
@content;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
@mixin max-1440 {
|
|
71
|
-
@media only screen and (max-width: 1440px) {
|
|
72
|
-
@content;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
@mixin min-xxl {
|
|
76
|
-
@media only screen and (min-width: 1280px) {
|
|
77
|
-
@content;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
@mixin max-xxl {
|
|
81
|
-
@media only screen and (max-width: 1280px) {
|
|
82
|
-
@content;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
@mixin min-xl {
|
|
86
|
-
@media only screen and (min-width: 1024px) {
|
|
87
|
-
@content;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
@mixin max-xl {
|
|
91
|
-
@media only screen and (max-width: 1024px) {
|
|
92
|
-
@content;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
@mixin min-lg {
|
|
96
|
-
@media only screen and (min-width: 992px) {
|
|
97
|
-
@content;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
@mixin max-lg {
|
|
101
|
-
@media only screen and (max-width: 992px) {
|
|
102
|
-
@content;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
@mixin min-md {
|
|
106
|
-
@media only screen and (min-width: 768px) {
|
|
107
|
-
@content;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
@mixin max-md {
|
|
111
|
-
@media only screen and (max-width: 768px) {
|
|
112
|
-
@content;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
@mixin min-sm {
|
|
116
|
-
@media only screen and (min-width: 576px) {
|
|
117
|
-
@content;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
@mixin max-sm {
|
|
121
|
-
@media only screen and (max-width: 576px) {
|
|
122
|
-
@content;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
@mixin min-xs {
|
|
126
|
-
@media only screen and (min-width: 320px) {
|
|
127
|
-
@content;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
@mixin max-xs {
|
|
131
|
-
@media only screen and (max-width: 320px) {
|
|
61
|
+
@mixin media-max($breakpoint) {
|
|
62
|
+
@media screen and (max-width: $breakpoint) {
|
|
132
63
|
@content;
|
|
133
64
|
}
|
|
134
65
|
}
|
|
@@ -4,7 +4,7 @@ body{
|
|
|
4
4
|
font-size:16px;
|
|
5
5
|
font-family:$mainFont;
|
|
6
6
|
line-height:26px;
|
|
7
|
-
@include min
|
|
7
|
+
@include media-min($sm){
|
|
8
8
|
font-size:18px;
|
|
9
9
|
line-height:30px;
|
|
10
10
|
}
|
|
@@ -34,7 +34,7 @@ h1, h2, h3, h4, h5, h6,
|
|
|
34
34
|
font-weight:400;
|
|
35
35
|
font-family:$mainFont;
|
|
36
36
|
line-height:130%;
|
|
37
|
-
@include min
|
|
37
|
+
@include media-min($sm){
|
|
38
38
|
line-height:120%;
|
|
39
39
|
}
|
|
40
40
|
strong{
|
|
@@ -51,20 +51,20 @@ body.dark-mode h6, body.dark-mode .h6{
|
|
|
51
51
|
}
|
|
52
52
|
h1, .h1{
|
|
53
53
|
font-size:1.6875em;
|
|
54
|
-
@include min
|
|
54
|
+
@include media-min($sm){
|
|
55
55
|
font-size:2.22em;
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
h2, .h2{
|
|
59
59
|
font-size:1.5em;
|
|
60
|
-
@include min
|
|
60
|
+
@include media-min($sm){
|
|
61
61
|
font-size:1.77em;
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
h3, .h3{
|
|
65
65
|
font-size:1.3125em;
|
|
66
66
|
line-height:135%;
|
|
67
|
-
@include min
|
|
67
|
+
@include media-min($sm){
|
|
68
68
|
font-size:1.33em;
|
|
69
69
|
}
|
|
70
70
|
}
|
|
@@ -79,7 +79,7 @@ h4, .h4{
|
|
|
79
79
|
display:block;
|
|
80
80
|
margin-bottom:.75em;
|
|
81
81
|
font-family:$codeFont;
|
|
82
|
-
@include min
|
|
82
|
+
@include media-min($sm){
|
|
83
83
|
margin-bottom:1em;
|
|
84
84
|
}
|
|
85
85
|
&--white{
|
|
@@ -20,4 +20,12 @@ $grey: #666;
|
|
|
20
20
|
/** Font stack **/
|
|
21
21
|
$mainFont: "Open Sans", sans-serif;
|
|
22
22
|
$iconFont: "Material Icons", sans-serif;
|
|
23
|
-
$codeFont: "JetBrains Mono", sans-serif;
|
|
23
|
+
$codeFont: "JetBrains Mono", sans-serif;
|
|
24
|
+
|
|
25
|
+
/** Media-queries breakpoints */
|
|
26
|
+
$xs: 320px;
|
|
27
|
+
$sm: 576px;
|
|
28
|
+
$md: 768px;
|
|
29
|
+
$lg: 992px;
|
|
30
|
+
$xl: 1024px;
|
|
31
|
+
$xxl: 1280px;
|
data/_assets/scss/main.scss
CHANGED
|
@@ -2,19 +2,15 @@
|
|
|
2
2
|
@import 'global/normalize';
|
|
3
3
|
@import 'global/fonts';
|
|
4
4
|
@import 'global/mixins';
|
|
5
|
-
@import 'global/animate';
|
|
6
5
|
@import 'global/variables';
|
|
7
6
|
@import 'global/typography';
|
|
8
7
|
@import 'global/buttons';
|
|
9
8
|
@import 'global/layout';
|
|
10
|
-
@import 'global/slick';
|
|
11
9
|
@import 'global/prism';
|
|
12
10
|
@import 'global/alerts';
|
|
13
11
|
|
|
14
12
|
/** Import components (reusable modules) files **/
|
|
15
13
|
@import 'components/navbar';
|
|
16
|
-
@import 'components/article';
|
|
17
|
-
@import 'components/newsletter';
|
|
18
14
|
@import 'components/footer';
|
|
19
15
|
@import 'components/cookie-consent';
|
|
20
16
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** Default **/
|
|
2
2
|
.default{
|
|
3
3
|
padding-top:92px;
|
|
4
|
-
@include min
|
|
4
|
+
@include media-min($lg){
|
|
5
5
|
padding-top:126px;
|
|
6
6
|
}
|
|
7
7
|
&__container{
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
margin:0 auto;
|
|
10
10
|
padding-top:12px;
|
|
11
11
|
padding-bottom:64px;
|
|
12
|
-
@include min
|
|
12
|
+
@include media-min($sm){
|
|
13
13
|
padding-top:24px;
|
|
14
14
|
padding-bottom:96px;
|
|
15
15
|
}
|
|
16
|
-
@include min
|
|
16
|
+
@include media-min($lg){
|
|
17
17
|
padding-top:36px;
|
|
18
18
|
padding-bottom:120px;
|
|
19
19
|
}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
font-weight:600;
|
|
30
30
|
font-size:1.3125em;
|
|
31
31
|
line-height:135%;
|
|
32
|
-
@include min
|
|
32
|
+
@include media-min($sm){
|
|
33
33
|
font-size:1.33em;
|
|
34
34
|
}
|
|
35
35
|
&:first-of-type{
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
h3{
|
|
40
40
|
margin:1.5em 0 .5em 0;
|
|
41
41
|
font-weight:600;
|
|
42
|
-
@include min
|
|
42
|
+
@include media-min($sm){
|
|
43
43
|
font-size:1.166em;
|
|
44
44
|
}
|
|
45
45
|
}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
margin:0 0 1em 0;
|
|
51
51
|
}
|
|
52
52
|
p, li, pre, code{
|
|
53
|
-
@include min
|
|
53
|
+
@include media-min($sm){
|
|
54
54
|
font-size:16px;
|
|
55
55
|
line-height:28px;
|
|
56
56
|
}
|
|
@@ -63,10 +63,9 @@
|
|
|
63
63
|
margin:0 0 .5em 0;
|
|
64
64
|
}
|
|
65
65
|
li::before{
|
|
66
|
-
@include material-icons;
|
|
66
|
+
@include material-icons(24px);
|
|
67
67
|
margin:0 6px 0 -30px;
|
|
68
68
|
color:rgba($black,.38);
|
|
69
|
-
font-size:24px;
|
|
70
69
|
vertical-align:middle;
|
|
71
70
|
content:"chevron_right";
|
|
72
71
|
}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
.docs{
|
|
3
3
|
&__content{
|
|
4
4
|
width:100%;
|
|
5
|
-
@include min
|
|
5
|
+
@include media-min($sm){
|
|
6
6
|
max-width:calc(100% - 288px);
|
|
7
7
|
margin:0 0 0 48px;
|
|
8
8
|
}
|
|
9
|
-
@include min
|
|
9
|
+
@include media-min($lg){
|
|
10
10
|
max-width:calc(100% - 348px);
|
|
11
11
|
}
|
|
12
|
-
@include min
|
|
12
|
+
@include media-min($xxl){
|
|
13
13
|
max-width:680px;
|
|
14
14
|
margin:0 64px 0 72px;
|
|
15
15
|
}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
color:$black;
|
|
19
19
|
font-weight:600;
|
|
20
20
|
font-size:1.5em;
|
|
21
|
-
@include min
|
|
21
|
+
@include media-min($sm){
|
|
22
22
|
font-size:1.77em;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
font-weight:600;
|
|
29
29
|
font-size:1.3125em;
|
|
30
30
|
line-height:135%;
|
|
31
|
-
@include min
|
|
31
|
+
@include media-min($sm){
|
|
32
32
|
font-size:1.33em;
|
|
33
33
|
}
|
|
34
34
|
&:first-of-type{
|
|
@@ -38,12 +38,12 @@
|
|
|
38
38
|
h3{
|
|
39
39
|
margin:2em 0 .5em 0;
|
|
40
40
|
font-weight:600;
|
|
41
|
-
@include min
|
|
41
|
+
@include media-min($sm){
|
|
42
42
|
font-size:1.166em;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
p, li{
|
|
46
|
-
@include min
|
|
46
|
+
@include media-min($sm){
|
|
47
47
|
font-size:16px;
|
|
48
48
|
line-height:28px;
|
|
49
49
|
}
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
pre, code{
|
|
60
|
-
@include min
|
|
60
|
+
@include media-min($sm){
|
|
61
61
|
font-size:16px;
|
|
62
62
|
line-height:28px;
|
|
63
63
|
}
|
|
@@ -73,10 +73,9 @@
|
|
|
73
73
|
margin:.1em 0;
|
|
74
74
|
}
|
|
75
75
|
li::before{
|
|
76
|
-
@include material-icons;
|
|
76
|
+
@include material-icons(24px);
|
|
77
77
|
margin:0 6px 0 -30px;
|
|
78
78
|
color:rgba($black,.38);
|
|
79
|
-
font-size:24px;
|
|
80
79
|
vertical-align:middle;
|
|
81
80
|
content:"chevron_right";
|
|
82
81
|
}
|
|
@@ -3,18 +3,18 @@
|
|
|
3
3
|
&__container{
|
|
4
4
|
padding-top:12px;
|
|
5
5
|
padding-bottom:64px;
|
|
6
|
-
@include min
|
|
6
|
+
@include media-min($sm){
|
|
7
7
|
padding-top:24px;
|
|
8
8
|
padding-bottom:96px;
|
|
9
9
|
}
|
|
10
|
-
@include min
|
|
10
|
+
@include media-min($lg){
|
|
11
11
|
padding-bottom:150px;
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
&__row{
|
|
15
15
|
position:relative;
|
|
16
16
|
align-items:flex-start;
|
|
17
|
-
@include min
|
|
17
|
+
@include media-min($sm){
|
|
18
18
|
flex-wrap:nowrap;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
margin-top:36px;
|
|
10
10
|
padding-top:18px;
|
|
11
11
|
border-top:1px solid rgba($black,.12);
|
|
12
|
-
@include min
|
|
12
|
+
@include media-min($lg){
|
|
13
13
|
flex-wrap:nowrap;
|
|
14
14
|
}
|
|
15
15
|
&-item{
|
|
@@ -19,9 +19,8 @@
|
|
|
19
19
|
text-decoration:none;
|
|
20
20
|
&::before,
|
|
21
21
|
&::after{
|
|
22
|
-
@include material-icons;
|
|
22
|
+
@include material-icons(24px);
|
|
23
23
|
display:inline-block;
|
|
24
|
-
font-size:24px;
|
|
25
24
|
vertical-align:-6px;
|
|
26
25
|
}
|
|
27
26
|
&--prev{
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
margin-bottom:36px;
|
|
6
6
|
padding-bottom:24px;
|
|
7
7
|
border-bottom:1px solid rgba($black,.12);
|
|
8
|
-
@include min
|
|
8
|
+
@include media-min($sm){
|
|
9
9
|
position:sticky;
|
|
10
10
|
top:128px;
|
|
11
11
|
min-width:240px;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
padding-bottom:0;
|
|
15
15
|
border-bottom:0;
|
|
16
16
|
}
|
|
17
|
-
@include min
|
|
17
|
+
@include media-min($lg){
|
|
18
18
|
min-width:300px;
|
|
19
19
|
max-width:300px;
|
|
20
20
|
}
|
|
@@ -22,17 +22,16 @@
|
|
|
22
22
|
&__search{
|
|
23
23
|
position:relative;
|
|
24
24
|
margin-bottom:18px;
|
|
25
|
-
@include min
|
|
25
|
+
@include media-min($sm){
|
|
26
26
|
margin-bottom:24px;
|
|
27
27
|
}
|
|
28
28
|
&::before{
|
|
29
29
|
position:absolute;
|
|
30
30
|
top:12px;
|
|
31
31
|
left:12px;
|
|
32
|
-
font-size:24px;
|
|
33
32
|
content:"search";
|
|
34
|
-
@include material-icons;
|
|
35
|
-
@include min
|
|
33
|
+
@include material-icons(24px);
|
|
34
|
+
@include media-min($sm){
|
|
36
35
|
top:15px;
|
|
37
36
|
left:15px;
|
|
38
37
|
}
|
|
@@ -46,7 +45,7 @@
|
|
|
46
45
|
border-radius: 0;
|
|
47
46
|
outline:none;
|
|
48
47
|
@include placeholder(rgba($black,.6));
|
|
49
|
-
@include min
|
|
48
|
+
@include media-min($sm){
|
|
50
49
|
height:54px;
|
|
51
50
|
padding-left:50px;
|
|
52
51
|
font-size:.888em;
|
|
@@ -80,7 +79,7 @@
|
|
|
80
79
|
border:1px solid rgba($black,.12);
|
|
81
80
|
border-top:0;
|
|
82
81
|
box-shadow: 0 3px 9px rgba($black,0.18);
|
|
83
|
-
@include min
|
|
82
|
+
@include media-min($sm){
|
|
84
83
|
font-size:.777em;
|
|
85
84
|
line-height:150%;
|
|
86
85
|
}
|
|
@@ -116,7 +115,7 @@
|
|
|
116
115
|
font-size:1.125em;
|
|
117
116
|
font-family:$mainFont;
|
|
118
117
|
cursor:pointer;
|
|
119
|
-
@include min
|
|
118
|
+
@include media-min($sm){
|
|
120
119
|
padding:9px 0;
|
|
121
120
|
font-size:1em;
|
|
122
121
|
}
|
|
@@ -124,11 +123,10 @@
|
|
|
124
123
|
display:inline-block;
|
|
125
124
|
margin-right:8px;
|
|
126
125
|
color:$yellow;
|
|
127
|
-
font-size:24px;
|
|
128
126
|
vertical-align:-6px;
|
|
129
127
|
transform:rotate(-90deg);
|
|
130
128
|
content:"expand_more";
|
|
131
|
-
@include material-icons;
|
|
129
|
+
@include material-icons(24px);
|
|
132
130
|
@include transition(transform .25s ease-in-out);
|
|
133
131
|
}
|
|
134
132
|
}
|
|
@@ -153,7 +151,7 @@
|
|
|
153
151
|
text-decoration:none;
|
|
154
152
|
border-left:3px solid transparent;
|
|
155
153
|
@include transition(.25s ease-in-out);
|
|
156
|
-
@include min
|
|
154
|
+
@include media-min($sm){
|
|
157
155
|
font-size:.888em;
|
|
158
156
|
}
|
|
159
157
|
}
|
|
@@ -166,9 +164,8 @@
|
|
|
166
164
|
right:8px;
|
|
167
165
|
display:inline-block;
|
|
168
166
|
color:rgba($black,.38);
|
|
169
|
-
font-size:20px;
|
|
170
167
|
content:"open_in_new";
|
|
171
|
-
@include material-icons;
|
|
168
|
+
@include material-icons(20px);
|
|
172
169
|
}
|
|
173
170
|
&-item--active &-link{
|
|
174
171
|
color:rgba($black,.87);
|