bytewax-docs 0.1.0

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.
Files changed (136) hide show
  1. checksums.yaml +7 -0
  2. data/.stylelintrc +13 -0
  3. data/LICENSE.txt +21 -0
  4. data/README.md +175 -0
  5. data/_assets/js/cookies.js +39 -0
  6. data/_assets/js/docs.js +103 -0
  7. data/_assets/js/lib/jquery-3.6.0.min.js +2 -0
  8. data/_assets/js/lib/jquery.scrollspy.js +97 -0
  9. data/_assets/js/lib/marked.min.js +6 -0
  10. data/_assets/js/lib/notebook.min.js +1 -0
  11. data/_assets/js/lib/prism.js +17 -0
  12. data/_assets/js/lib/simple-jekyll-search.min.js +6 -0
  13. data/_assets/js/navbar.js +90 -0
  14. data/_assets/js/search.js +12 -0
  15. data/_assets/js/tutorial.js +248 -0
  16. data/_assets/scss/components/article.scss +132 -0
  17. data/_assets/scss/components/cookie-consent.scss +35 -0
  18. data/_assets/scss/components/footer.scss +154 -0
  19. data/_assets/scss/components/navbar.scss +345 -0
  20. data/_assets/scss/components/newsletter.scss +222 -0
  21. data/_assets/scss/global/alerts.scss +112 -0
  22. data/_assets/scss/global/animate.scss +633 -0
  23. data/_assets/scss/global/buttons.scss +186 -0
  24. data/_assets/scss/global/fonts.scss +95 -0
  25. data/_assets/scss/global/layout.scss +25 -0
  26. data/_assets/scss/global/mixins.scss +134 -0
  27. data/_assets/scss/global/normalize.scss +349 -0
  28. data/_assets/scss/global/prism.scss +383 -0
  29. data/_assets/scss/global/slick.scss +133 -0
  30. data/_assets/scss/global/typography.scss +106 -0
  31. data/_assets/scss/global/variables.scss +23 -0
  32. data/_assets/scss/main.scss +35 -0
  33. data/_assets/scss/templates/default.scss +100 -0
  34. data/_assets/scss/templates/docs/content.scss +113 -0
  35. data/_assets/scss/templates/docs/layout.scss +21 -0
  36. data/_assets/scss/templates/docs/pagination.scss +48 -0
  37. data/_assets/scss/templates/docs/sidebar.scss +222 -0
  38. data/_assets/scss/templates/docs/toc.scss +65 -0
  39. data/_assets/scss/templates/tutorials/archive.scss +173 -0
  40. data/_assets/scss/templates/tutorials/content.scss +208 -0
  41. data/_assets/scss/templates/tutorials/layout.scss +22 -0
  42. data/_assets/scss/templates/tutorials/snippets.scss +259 -0
  43. data/_config.yml +84 -0
  44. data/_data/categories.yml +3 -0
  45. data/_data/cookies.yml +10 -0
  46. data/_data/footer.yml +14 -0
  47. data/_data/navbar.yml +17 -0
  48. data/_docs/another-article.md +19 -0
  49. data/_docs/sample-article.md +19 -0
  50. data/_includes/alert.html +4 -0
  51. data/_includes/cookie-consent.html +13 -0
  52. data/_includes/docs/pagination.html +28 -0
  53. data/_includes/docs/sidebar.html +42 -0
  54. data/_includes/docs/toc.html +4 -0
  55. data/_includes/footer.html +36 -0
  56. data/_includes/google_analytics.html +12 -0
  57. data/_includes/head.html +73 -0
  58. data/_includes/navbar.html +57 -0
  59. data/_includes/tutorials/content.html +30 -0
  60. data/_includes/tutorials/post.html +31 -0
  61. data/_includes/tutorials/snippets.html +36 -0
  62. data/_layouts/base.html +21 -0
  63. data/_layouts/default.html +14 -0
  64. data/_layouts/docs.html +32 -0
  65. data/_layouts/tutorial.html +17 -0
  66. data/_layouts/tutorials.html +26 -0
  67. data/_tutorials/hello-world.md +142 -0
  68. data/assets/css/docs.css +1 -0
  69. data/assets/css/main.css +8 -0
  70. data/assets/fonts/jetbrains-mono-v3-latin-regular.eot +0 -0
  71. data/assets/fonts/jetbrains-mono-v3-latin-regular.svg +318 -0
  72. data/assets/fonts/jetbrains-mono-v3-latin-regular.ttf +0 -0
  73. data/assets/fonts/jetbrains-mono-v3-latin-regular.woff +0 -0
  74. data/assets/fonts/jetbrains-mono-v3-latin-regular.woff2 +0 -0
  75. data/assets/fonts/material-icons.woff2 +0 -0
  76. data/assets/fonts/open-sans-v18-latin-600.eot +0 -0
  77. data/assets/fonts/open-sans-v18-latin-600.svg +336 -0
  78. data/assets/fonts/open-sans-v18-latin-600.ttf +0 -0
  79. data/assets/fonts/open-sans-v18-latin-600.woff +0 -0
  80. data/assets/fonts/open-sans-v18-latin-600.woff2 +0 -0
  81. data/assets/fonts/open-sans-v18-latin-600italic.eot +0 -0
  82. data/assets/fonts/open-sans-v18-latin-600italic.svg +349 -0
  83. data/assets/fonts/open-sans-v18-latin-600italic.ttf +0 -0
  84. data/assets/fonts/open-sans-v18-latin-600italic.woff +0 -0
  85. data/assets/fonts/open-sans-v18-latin-600italic.woff2 +0 -0
  86. data/assets/fonts/open-sans-v18-latin-700.eot +0 -0
  87. data/assets/fonts/open-sans-v18-latin-700.svg +334 -0
  88. data/assets/fonts/open-sans-v18-latin-700.ttf +0 -0
  89. data/assets/fonts/open-sans-v18-latin-700.woff +0 -0
  90. data/assets/fonts/open-sans-v18-latin-700.woff2 +0 -0
  91. data/assets/fonts/open-sans-v18-latin-700italic.eot +0 -0
  92. data/assets/fonts/open-sans-v18-latin-700italic.svg +342 -0
  93. data/assets/fonts/open-sans-v18-latin-700italic.ttf +0 -0
  94. data/assets/fonts/open-sans-v18-latin-700italic.woff +0 -0
  95. data/assets/fonts/open-sans-v18-latin-700italic.woff2 +0 -0
  96. data/assets/fonts/open-sans-v18-latin-italic.eot +0 -0
  97. data/assets/fonts/open-sans-v18-latin-italic.svg +349 -0
  98. data/assets/fonts/open-sans-v18-latin-italic.ttf +0 -0
  99. data/assets/fonts/open-sans-v18-latin-italic.woff +0 -0
  100. data/assets/fonts/open-sans-v18-latin-italic.woff2 +0 -0
  101. data/assets/fonts/open-sans-v18-latin-regular.eot +0 -0
  102. data/assets/fonts/open-sans-v18-latin-regular.svg +336 -0
  103. data/assets/fonts/open-sans-v18-latin-regular.ttf +0 -0
  104. data/assets/fonts/open-sans-v18-latin-regular.woff +0 -0
  105. data/assets/fonts/open-sans-v18-latin-regular.woff2 +0 -0
  106. data/assets/img/cancel-grey.svg +11 -0
  107. data/assets/img/cancel.svg +3 -0
  108. data/assets/img/facebook-yellow.svg +11 -0
  109. data/assets/img/facebook.svg +3 -0
  110. data/assets/img/favicon.png +0 -0
  111. data/assets/img/github_black.svg +4 -0
  112. data/assets/img/github_white.svg +4 -0
  113. data/assets/img/linkedin-yellow.svg +12 -0
  114. data/assets/img/linkedin.svg +3 -0
  115. data/assets/img/logo.svg +44 -0
  116. data/assets/img/logo_mono.svg +40 -0
  117. data/assets/img/logo_white.svg +46 -0
  118. data/assets/img/logo_yellow.svg +44 -0
  119. data/assets/img/og-image.png +0 -0
  120. data/assets/img/twitter-yellow.svg +14 -0
  121. data/assets/img/twitter.svg +3 -0
  122. data/assets/js/color-mode.min.js +2 -0
  123. data/assets/js/scripts.js +625 -0
  124. data/assets/js/scripts.min.js +56 -0
  125. data/gulpfile.js +49 -0
  126. data/package-lock.json +7350 -0
  127. data/package.json +34 -0
  128. data/search.json +13 -0
  129. data/tutorials/hello-world/Dockerfile +4 -0
  130. data/tutorials/hello-world/client.py +3 -0
  131. data/tutorials/hello-world/hello-world.png +0 -0
  132. data/tutorials/hello-world/hello.py +10 -0
  133. data/tutorials/hello-world/setup.sh +5 -0
  134. data/tutorials/hello-world/shell_commands.sh +5 -0
  135. data/tutorials/hello-world/swarm.yaml +26 -0
  136. metadata +191 -0
@@ -0,0 +1,222 @@
1
+ /** UI Components -- Newsletter **/
2
+ .newsletter{
3
+ color:rgba($white, .72);
4
+ background-color:$blue;
5
+ &__container{
6
+ padding-top:54px;
7
+ padding-bottom:72px;
8
+ @include min-lg{
9
+ flex-wrap:nowrap;
10
+ padding-top:80px;
11
+ padding-bottom:96px;
12
+ }
13
+ }
14
+ &__title{
15
+ margin:0 0 .375em 0;
16
+ color:$white;
17
+ }
18
+ &__content{
19
+ width:100%;
20
+ margin-bottom:36px;
21
+ text-align:center;
22
+ p{
23
+ margin:0;
24
+ }
25
+ @include min-sm{
26
+ margin-bottom:48px;
27
+ }
28
+ @include min-lg{
29
+ width:auto;
30
+ min-width:33.3%;
31
+ margin-right:36px;
32
+ margin-bottom:0;
33
+ text-align:left;
34
+ }
35
+ @include min-xxl{
36
+ margin-right:auto;
37
+ }
38
+ }
39
+ &__form{
40
+ display:flex;
41
+ flex-direction:row;
42
+ flex-wrap:wrap;
43
+ align-items:flex-start;
44
+ &-wrapper{
45
+ @include min-lg{
46
+ min-width:66.6%;
47
+ }
48
+ }
49
+ #mce-responses{
50
+ order:4;
51
+ width:100%;
52
+ margin-top:20px;
53
+ }
54
+ #mce-responses .response{
55
+ padding:10px 16px;
56
+ font-weight:600;
57
+ font-size:14px;
58
+ line-height:22px;
59
+ border:1px dashed;
60
+ &#mce-error-response{
61
+ color:$red;
62
+ border-color:$red;
63
+ }
64
+ &#mce-success-response{
65
+ color:$green;
66
+ border-color:$green;
67
+ }
68
+ }
69
+ }
70
+ &__input{
71
+ width:100%;
72
+ height:54px;
73
+ padding:0 24px 0 50px;
74
+ font-size:1em;
75
+ border:0;
76
+ outline:none;
77
+ @include min-sm{
78
+ height:60px;
79
+ padding:0 36px 0 54px;
80
+ font-size:0.88em;
81
+ }
82
+ &-group{
83
+ position:relative;
84
+ width:100%;
85
+ margin-bottom:12px;
86
+ @include min-sm{
87
+ width:calc(50% - 10px);
88
+ margin-bottom:0;
89
+ }
90
+ @include min-lg{
91
+ flex:auto;
92
+ width:auto;
93
+ }
94
+ &::before{
95
+ position:absolute;
96
+ top:15px;
97
+ left:15px;
98
+ display:inline-block;
99
+ color:rgba($black,.18);
100
+ font-size:24px;
101
+ content:"";
102
+ @include material-icons;
103
+ @include min-sm{
104
+ top:18px;
105
+ left:18px;
106
+ }
107
+ }
108
+ &--name{
109
+ @include min-sm{
110
+ margin-right:10px;
111
+ }
112
+ @include min-lg{
113
+ margin-right:20px;
114
+ }
115
+ }
116
+ &--name::before{
117
+ content:"how_to_reg";
118
+ }
119
+ &--email{
120
+ @include min-sm{
121
+ margin-left:10px;
122
+ }
123
+ @include min-xxl{
124
+ margin-right:20px;
125
+ margin-left:0px;
126
+ }
127
+ }
128
+ &--email::before{
129
+ content:"alternate_email";
130
+ }
131
+ }
132
+ }
133
+ &__submit{
134
+ @include max-xl{
135
+ order:4;
136
+ margin:32px auto 0 auto;
137
+ }
138
+ }
139
+ &__checkbox{
140
+ position:relative;
141
+ width:100%;
142
+ margin-top:12px;
143
+ cursor:pointer;
144
+ @include min-sm{
145
+ margin-top:27px;
146
+ }
147
+ &-input{
148
+ position: absolute;
149
+ top: 0;
150
+ left: 0;
151
+ z-index: 1;
152
+ width: 1px;
153
+ height: 1px;
154
+ margin: 0;
155
+ padding: 0;
156
+ cursor:inherit;
157
+ }
158
+ &-label{
159
+ position:relative;
160
+ display:inline-block;
161
+ padding-left:52px;
162
+ font-size:12px;
163
+ line-height:20px;
164
+ cursor:pointer;
165
+ @include min-sm{
166
+ padding-left:56px;
167
+ font-size:14px;
168
+ line-height:22px;
169
+ }
170
+ a{
171
+ color:$white;
172
+ text-decoration:none;
173
+ }
174
+ &::before{
175
+ position:absolute;
176
+ top:0;
177
+ left:0;
178
+ display:inline-block;
179
+ width:36px;
180
+ height:36px;
181
+ background:url('../img/cancel.svg')no-repeat center #273892;
182
+ background-size:12px;
183
+ border-radius:0;
184
+ content:"";
185
+ }
186
+ }
187
+ &-input:checked + &-label::before{
188
+ background:url('../img/check.svg')no-repeat center $yellow;
189
+ background-size:12px;
190
+ }
191
+ }
192
+ }
193
+
194
+ /** Mailchimp validation **/
195
+ #mc_embed_signup div.mce_inline_error{
196
+ margin:12px 0 0 0!important;
197
+ padding:8px 16px!important;
198
+ font-weight:600!important;
199
+ font-size:14px!important;
200
+ line-height:22px!important;
201
+ background-color:$red!important;
202
+ }
203
+
204
+ /** Dark mode styles **/
205
+ body.dark-mode .newsletter{
206
+ color:rgba($white, .6);
207
+ background-color:rgba($white,.06);
208
+ &__input{
209
+ color:$white;
210
+ background-color:$darkGrey;
211
+ @include placeholder(rgba($white,.38));
212
+ &-group::before{
213
+ color:rgba($white, .18);
214
+ }
215
+ }
216
+ &__checkbox{
217
+ &-label::before{
218
+ background:url('../img/cancel-grey.svg')no-repeat center $darkGrey;
219
+ background-size:12px;
220
+ }
221
+ }
222
+ }
@@ -0,0 +1,112 @@
1
+ /** Alert styling **/
2
+ .alert{
3
+ margin:24px 0;
4
+ padding:16px 24px 16px 30px;
5
+ border-left:4px solid;
6
+ position:relative;
7
+ @include min-sm{
8
+ font-size:16px;
9
+ line-height:28px;
10
+ padding:16px 27px 16px 32px;
11
+ }
12
+ a{
13
+ font-weight:600;
14
+ text-decoration:none;
15
+ &:hover, &:focus{
16
+ text-decoration: underline;
17
+ }
18
+ }
19
+ &__icon{
20
+ @include material-icons;
21
+ position:absolute;
22
+ z-index:1;
23
+ left:-18px;
24
+ top:14px;
25
+ display:inline-block;
26
+ width:32px;
27
+ height:32px;
28
+ font-size:18px;
29
+ line-height:18px;
30
+ padding:7px;
31
+ border-radius:50%;
32
+ color: $white;
33
+ }
34
+ &__content{
35
+ margin:0;
36
+ }
37
+ &--primary{
38
+ background-color:rgba($yellow,.06);
39
+ border-color:$yellow;
40
+ a, code{
41
+ color:$yellow;
42
+ }
43
+ }
44
+ &--primary &__icon{
45
+ background-color:$yellow;
46
+ }
47
+ &--secondary{
48
+ background-color:rgba($turquoise,.06);
49
+ border-color:$turquoise;
50
+ a, code{
51
+ color:$turquoise;
52
+ }
53
+ }
54
+ &--secondary &__icon{
55
+ background-color: $turquoise;
56
+ }
57
+ &--success{
58
+ background-color:rgba($green,.06);
59
+ border-color:$green;
60
+ a, code{
61
+ color:$green;
62
+ }
63
+ }
64
+ &--success &__icon{
65
+ background-color: $green;
66
+ }
67
+ &--warning{
68
+ background-color:rgba($orange,.06);
69
+ border-color:$orange;
70
+ a, code{
71
+ color:$orange;
72
+ }
73
+ }
74
+ &--warning &__icon{
75
+ background-color: $orange;
76
+ }
77
+ &--error{
78
+ background-color:rgba($red,.06);
79
+ border-color:$red;
80
+ a, code{
81
+ color:$red;
82
+ }
83
+ }
84
+ &--error &__icon{
85
+ background-color: $red;
86
+ }
87
+ &--info{
88
+ background-color:rgba($blue,.06);
89
+ border-color:$blue;
90
+ a, code{
91
+ color:$blue;
92
+ }
93
+ }
94
+ &--info &__icon{
95
+ background-color: $blue;
96
+ }
97
+ }
98
+
99
+ /** Dark mode styles **/
100
+ body.dark-mode .alert{
101
+ &--primary,
102
+ &--secondary,
103
+ &--success,
104
+ &--warning,
105
+ &--error,
106
+ &--info{
107
+ background-color: $darkGrey;
108
+ a{
109
+ color:$white;
110
+ }
111
+ }
112
+ }
@@ -0,0 +1,633 @@
1
+ @charset "UTF-8";
2
+
3
+ /*!
4
+ * animate.css -https://daneden.github.io/animate.css/
5
+ * Version - 3.7.2
6
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
7
+ *
8
+ * Copyright (c) 2019 Daniel Eden
9
+ */
10
+
11
+
12
+ /*
13
+ * Fade effects
14
+ */
15
+ @-webkit-keyframes fadeIn {
16
+ from {
17
+ opacity: 0;
18
+ }
19
+
20
+ to {
21
+ opacity: 1;
22
+ }
23
+ }
24
+
25
+ @keyframes fadeIn {
26
+ from {
27
+ opacity: 0;
28
+ }
29
+
30
+ to {
31
+ opacity: 1;
32
+ }
33
+ }
34
+
35
+ .fadeIn {
36
+ -webkit-animation-name: fadeIn;
37
+ animation-name: fadeIn;
38
+ }
39
+
40
+ @-webkit-keyframes fadeInDown {
41
+ from {
42
+ -webkit-transform: translate3d(0, -100%, 0);
43
+ transform: translate3d(0, -100%, 0);
44
+ opacity: 0;
45
+ }
46
+
47
+ to {
48
+ -webkit-transform: translate3d(0, 0, 0);
49
+ transform: translate3d(0, 0, 0);
50
+ opacity: 1;
51
+ }
52
+ }
53
+
54
+ @keyframes fadeInDown {
55
+ from {
56
+ -webkit-transform: translate3d(0, -100%, 0);
57
+ transform: translate3d(0, -100%, 0);
58
+ opacity: 0;
59
+ }
60
+
61
+ to {
62
+ -webkit-transform: translate3d(0, 0, 0);
63
+ transform: translate3d(0, 0, 0);
64
+ opacity: 1;
65
+ }
66
+ }
67
+
68
+ .fadeInDown {
69
+ -webkit-animation-name: fadeInDown;
70
+ animation-name: fadeInDown;
71
+ }
72
+
73
+ @-webkit-keyframes fadeInDownBig {
74
+ from {
75
+ -webkit-transform: translate3d(0, -2000px, 0);
76
+ transform: translate3d(0, -2000px, 0);
77
+ opacity: 0;
78
+ }
79
+
80
+ to {
81
+ -webkit-transform: translate3d(0, 0, 0);
82
+ transform: translate3d(0, 0, 0);
83
+ opacity: 1;
84
+ }
85
+ }
86
+
87
+ @keyframes fadeInDownBig {
88
+ from {
89
+ -webkit-transform: translate3d(0, -2000px, 0);
90
+ transform: translate3d(0, -2000px, 0);
91
+ opacity: 0;
92
+ }
93
+
94
+ to {
95
+ -webkit-transform: translate3d(0, 0, 0);
96
+ transform: translate3d(0, 0, 0);
97
+ opacity: 1;
98
+ }
99
+ }
100
+
101
+ .fadeInDownBig {
102
+ -webkit-animation-name: fadeInDownBig;
103
+ animation-name: fadeInDownBig;
104
+ }
105
+
106
+ @-webkit-keyframes fadeInLeft {
107
+ from {
108
+ -webkit-transform: translate3d(-100%, 0, 0);
109
+ transform: translate3d(-100%, 0, 0);
110
+ opacity: 0;
111
+ }
112
+
113
+ to {
114
+ -webkit-transform: translate3d(0, 0, 0);
115
+ transform: translate3d(0, 0, 0);
116
+ opacity: 1;
117
+ }
118
+ }
119
+
120
+ @keyframes fadeInLeft {
121
+ from {
122
+ -webkit-transform: translate3d(-100%, 0, 0);
123
+ transform: translate3d(-100%, 0, 0);
124
+ opacity: 0;
125
+ }
126
+
127
+ to {
128
+ -webkit-transform: translate3d(0, 0, 0);
129
+ transform: translate3d(0, 0, 0);
130
+ opacity: 1;
131
+ }
132
+ }
133
+
134
+ .fadeInLeft {
135
+ -webkit-animation-name: fadeInLeft;
136
+ animation-name: fadeInLeft;
137
+ }
138
+
139
+ @-webkit-keyframes fadeInLeftBig {
140
+ from {
141
+ -webkit-transform: translate3d(-2000px, 0, 0);
142
+ transform: translate3d(-2000px, 0, 0);
143
+ opacity: 0;
144
+ }
145
+
146
+ to {
147
+ -webkit-transform: translate3d(0, 0, 0);
148
+ transform: translate3d(0, 0, 0);
149
+ opacity: 1;
150
+ }
151
+ }
152
+
153
+ @keyframes fadeInLeftBig {
154
+ from {
155
+ -webkit-transform: translate3d(-2000px, 0, 0);
156
+ transform: translate3d(-2000px, 0, 0);
157
+ opacity: 0;
158
+ }
159
+
160
+ to {
161
+ -webkit-transform: translate3d(0, 0, 0);
162
+ transform: translate3d(0, 0, 0);
163
+ opacity: 1;
164
+ }
165
+ }
166
+
167
+ .fadeInLeftBig {
168
+ -webkit-animation-name: fadeInLeftBig;
169
+ animation-name: fadeInLeftBig;
170
+ }
171
+
172
+ @-webkit-keyframes fadeInRight {
173
+ from {
174
+ -webkit-transform: translate3d(100%, 0, 0);
175
+ transform: translate3d(100%, 0, 0);
176
+ opacity: 0;
177
+ }
178
+
179
+ to {
180
+ -webkit-transform: translate3d(0, 0, 0);
181
+ transform: translate3d(0, 0, 0);
182
+ opacity: 1;
183
+ }
184
+ }
185
+
186
+ @keyframes fadeInRight {
187
+ from {
188
+ -webkit-transform: translate3d(100%, 0, 0);
189
+ transform: translate3d(100%, 0, 0);
190
+ opacity: 0;
191
+ }
192
+
193
+ to {
194
+ -webkit-transform: translate3d(0, 0, 0);
195
+ transform: translate3d(0, 0, 0);
196
+ opacity: 1;
197
+ }
198
+ }
199
+
200
+ .fadeInRight {
201
+ -webkit-animation-name: fadeInRight;
202
+ animation-name: fadeInRight;
203
+ }
204
+
205
+ @-webkit-keyframes fadeInRightBig {
206
+ from {
207
+ -webkit-transform: translate3d(2000px, 0, 0);
208
+ transform: translate3d(2000px, 0, 0);
209
+ opacity: 0;
210
+ }
211
+
212
+ to {
213
+ -webkit-transform: translate3d(0, 0, 0);
214
+ transform: translate3d(0, 0, 0);
215
+ opacity: 1;
216
+ }
217
+ }
218
+
219
+ @keyframes fadeInRightBig {
220
+ from {
221
+ -webkit-transform: translate3d(2000px, 0, 0);
222
+ transform: translate3d(2000px, 0, 0);
223
+ opacity: 0;
224
+ }
225
+
226
+ to {
227
+ -webkit-transform: translate3d(0, 0, 0);
228
+ transform: translate3d(0, 0, 0);
229
+ opacity: 1;
230
+ }
231
+ }
232
+
233
+ .fadeInRightBig {
234
+ -webkit-animation-name: fadeInRightBig;
235
+ animation-name: fadeInRightBig;
236
+ }
237
+
238
+ @-webkit-keyframes fadeInUp {
239
+ from {
240
+ -webkit-transform: translate3d(0, 100%, 0);
241
+ transform: translate3d(0, 100%, 0);
242
+ opacity: 0;
243
+ }
244
+
245
+ to {
246
+ -webkit-transform: translate3d(0, 0, 0);
247
+ transform: translate3d(0, 0, 0);
248
+ opacity: 1;
249
+ }
250
+ }
251
+
252
+ @keyframes fadeInUp {
253
+ from {
254
+ -webkit-transform: translate3d(0, 100%, 0);
255
+ transform: translate3d(0, 100%, 0);
256
+ opacity: 0;
257
+ }
258
+
259
+ to {
260
+ -webkit-transform: translate3d(0, 0, 0);
261
+ transform: translate3d(0, 0, 0);
262
+ opacity: 1;
263
+ }
264
+ }
265
+
266
+ .fadeInUp {
267
+ -webkit-animation-name: fadeInUp;
268
+ animation-name: fadeInUp;
269
+ }
270
+
271
+ @-webkit-keyframes fadeInUpBig {
272
+ from {
273
+ -webkit-transform: translate3d(0, 2000px, 0);
274
+ transform: translate3d(0, 2000px, 0);
275
+ opacity: 0;
276
+ }
277
+
278
+ to {
279
+ -webkit-transform: translate3d(0, 0, 0);
280
+ transform: translate3d(0, 0, 0);
281
+ opacity: 1;
282
+ }
283
+ }
284
+
285
+ @keyframes fadeInUpBig {
286
+ from {
287
+ -webkit-transform: translate3d(0, 2000px, 0);
288
+ transform: translate3d(0, 2000px, 0);
289
+ opacity: 0;
290
+ }
291
+
292
+ to {
293
+ -webkit-transform: translate3d(0, 0, 0);
294
+ transform: translate3d(0, 0, 0);
295
+ opacity: 1;
296
+ }
297
+ }
298
+
299
+ .fadeInUpBig {
300
+ -webkit-animation-name: fadeInUpBig;
301
+ animation-name: fadeInUpBig;
302
+ }
303
+
304
+ @-webkit-keyframes fadeOut {
305
+ from {
306
+ opacity: 1;
307
+ }
308
+
309
+ to {
310
+ opacity: 0;
311
+ }
312
+ }
313
+
314
+ @keyframes fadeOut {
315
+ from {
316
+ opacity: 1;
317
+ }
318
+
319
+ to {
320
+ opacity: 0;
321
+ }
322
+ }
323
+
324
+ .fadeOut {
325
+ -webkit-animation-name: fadeOut;
326
+ animation-name: fadeOut;
327
+ }
328
+
329
+ @-webkit-keyframes fadeOutDown {
330
+ from {
331
+ opacity: 1;
332
+ }
333
+
334
+ to {
335
+ -webkit-transform: translate3d(0, 100%, 0);
336
+ transform: translate3d(0, 100%, 0);
337
+ opacity: 0;
338
+ }
339
+ }
340
+
341
+ @keyframes fadeOutDown {
342
+ from {
343
+ opacity: 1;
344
+ }
345
+
346
+ to {
347
+ -webkit-transform: translate3d(0, 100%, 0);
348
+ transform: translate3d(0, 100%, 0);
349
+ opacity: 0;
350
+ }
351
+ }
352
+
353
+ .fadeOutDown {
354
+ -webkit-animation-name: fadeOutDown;
355
+ animation-name: fadeOutDown;
356
+ }
357
+
358
+ @-webkit-keyframes fadeOutDownBig {
359
+ from {
360
+ opacity: 1;
361
+ }
362
+
363
+ to {
364
+ -webkit-transform: translate3d(0, 2000px, 0);
365
+ transform: translate3d(0, 2000px, 0);
366
+ opacity: 0;
367
+ }
368
+ }
369
+
370
+ @keyframes fadeOutDownBig {
371
+ from {
372
+ opacity: 1;
373
+ }
374
+
375
+ to {
376
+ -webkit-transform: translate3d(0, 2000px, 0);
377
+ transform: translate3d(0, 2000px, 0);
378
+ opacity: 0;
379
+ }
380
+ }
381
+
382
+ .fadeOutDownBig {
383
+ -webkit-animation-name: fadeOutDownBig;
384
+ animation-name: fadeOutDownBig;
385
+ }
386
+
387
+ @-webkit-keyframes fadeOutLeft {
388
+ from {
389
+ opacity: 1;
390
+ }
391
+
392
+ to {
393
+ -webkit-transform: translate3d(-100%, 0, 0);
394
+ transform: translate3d(-100%, 0, 0);
395
+ opacity: 0;
396
+ }
397
+ }
398
+
399
+ @keyframes fadeOutLeft {
400
+ from {
401
+ opacity: 1;
402
+ }
403
+
404
+ to {
405
+ -webkit-transform: translate3d(-100%, 0, 0);
406
+ transform: translate3d(-100%, 0, 0);
407
+ opacity: 0;
408
+ }
409
+ }
410
+
411
+ .fadeOutLeft {
412
+ -webkit-animation-name: fadeOutLeft;
413
+ animation-name: fadeOutLeft;
414
+ }
415
+
416
+ @-webkit-keyframes fadeOutLeftBig {
417
+ from {
418
+ opacity: 1;
419
+ }
420
+
421
+ to {
422
+ -webkit-transform: translate3d(-2000px, 0, 0);
423
+ transform: translate3d(-2000px, 0, 0);
424
+ opacity: 0;
425
+ }
426
+ }
427
+
428
+ @keyframes fadeOutLeftBig {
429
+ from {
430
+ opacity: 1;
431
+ }
432
+
433
+ to {
434
+ -webkit-transform: translate3d(-2000px, 0, 0);
435
+ transform: translate3d(-2000px, 0, 0);
436
+ opacity: 0;
437
+ }
438
+ }
439
+
440
+ .fadeOutLeftBig {
441
+ -webkit-animation-name: fadeOutLeftBig;
442
+ animation-name: fadeOutLeftBig;
443
+ }
444
+
445
+ @-webkit-keyframes fadeOutRight {
446
+ from {
447
+ opacity: 1;
448
+ }
449
+
450
+ to {
451
+ -webkit-transform: translate3d(100%, 0, 0);
452
+ transform: translate3d(100%, 0, 0);
453
+ opacity: 0;
454
+ }
455
+ }
456
+
457
+ @keyframes fadeOutRight {
458
+ from {
459
+ opacity: 1;
460
+ }
461
+
462
+ to {
463
+ -webkit-transform: translate3d(100%, 0, 0);
464
+ transform: translate3d(100%, 0, 0);
465
+ opacity: 0;
466
+ }
467
+ }
468
+
469
+ .fadeOutRight {
470
+ -webkit-animation-name: fadeOutRight;
471
+ animation-name: fadeOutRight;
472
+ }
473
+
474
+ @-webkit-keyframes fadeOutRightBig {
475
+ from {
476
+ opacity: 1;
477
+ }
478
+
479
+ to {
480
+ -webkit-transform: translate3d(2000px, 0, 0);
481
+ transform: translate3d(2000px, 0, 0);
482
+ opacity: 0;
483
+ }
484
+ }
485
+
486
+ @keyframes fadeOutRightBig {
487
+ from {
488
+ opacity: 1;
489
+ }
490
+
491
+ to {
492
+ -webkit-transform: translate3d(2000px, 0, 0);
493
+ transform: translate3d(2000px, 0, 0);
494
+ opacity: 0;
495
+ }
496
+ }
497
+
498
+ .fadeOutRightBig {
499
+ -webkit-animation-name: fadeOutRightBig;
500
+ animation-name: fadeOutRightBig;
501
+ }
502
+
503
+ @-webkit-keyframes fadeOutUp {
504
+ from {
505
+ opacity: 1;
506
+ }
507
+
508
+ to {
509
+ -webkit-transform: translate3d(0, -100%, 0);
510
+ transform: translate3d(0, -100%, 0);
511
+ opacity: 0;
512
+ }
513
+ }
514
+
515
+ @keyframes fadeOutUp {
516
+ from {
517
+ opacity: 1;
518
+ }
519
+
520
+ to {
521
+ -webkit-transform: translate3d(0, -100%, 0);
522
+ transform: translate3d(0, -100%, 0);
523
+ opacity: 0;
524
+ }
525
+ }
526
+
527
+ .fadeOutUp {
528
+ -webkit-animation-name: fadeOutUp;
529
+ animation-name: fadeOutUp;
530
+ }
531
+
532
+ @-webkit-keyframes fadeOutUpBig {
533
+ from {
534
+ opacity: 1;
535
+ }
536
+
537
+ to {
538
+ -webkit-transform: translate3d(0, -2000px, 0);
539
+ transform: translate3d(0, -2000px, 0);
540
+ opacity: 0;
541
+ }
542
+ }
543
+
544
+ @keyframes fadeOutUpBig {
545
+ from {
546
+ opacity: 1;
547
+ }
548
+
549
+ to {
550
+ -webkit-transform: translate3d(0, -2000px, 0);
551
+ transform: translate3d(0, -2000px, 0);
552
+ opacity: 0;
553
+ }
554
+ }
555
+
556
+ .fadeOutUpBig {
557
+ -webkit-animation-name: fadeOutUpBig;
558
+ animation-name: fadeOutUpBig;
559
+ }
560
+
561
+
562
+ /*
563
+ * Animate.css classes
564
+ */
565
+
566
+ .animated {
567
+ -webkit-animation-duration: 1s;
568
+ animation-duration: 1s;
569
+ -webkit-animation-fill-mode: both;
570
+ animation-fill-mode: both;
571
+ }
572
+
573
+ .animated.infinite {
574
+ -webkit-animation-iteration-count: infinite;
575
+ animation-iteration-count: infinite;
576
+ }
577
+
578
+ .animated.delay-1s {
579
+ -webkit-animation-delay: 1s;
580
+ animation-delay: 1s;
581
+ }
582
+
583
+ .animated.delay-2s {
584
+ -webkit-animation-delay: 2s;
585
+ animation-delay: 2s;
586
+ }
587
+
588
+ .animated.delay-3s {
589
+ -webkit-animation-delay: 3s;
590
+ animation-delay: 3s;
591
+ }
592
+
593
+ .animated.delay-4s {
594
+ -webkit-animation-delay: 4s;
595
+ animation-delay: 4s;
596
+ }
597
+
598
+ .animated.delay-5s {
599
+ -webkit-animation-delay: 5s;
600
+ animation-delay: 5s;
601
+ }
602
+
603
+ .animated.fast {
604
+ -webkit-animation-duration: 800ms;
605
+ animation-duration: 800ms;
606
+ }
607
+
608
+ .animated.faster {
609
+ -webkit-animation-duration: 500ms;
610
+ animation-duration: 500ms;
611
+ }
612
+
613
+ .animated.slow {
614
+ -webkit-animation-duration: 2s;
615
+ animation-duration: 2s;
616
+ }
617
+
618
+ .animated.slower {
619
+ -webkit-animation-duration: 3s;
620
+ animation-duration: 3s;
621
+ }
622
+
623
+ @media (print), (prefers-reduced-motion: reduce) {
624
+ .animated {
625
+ -webkit-transition-duration: 1ms !important;
626
+ transition-duration: 1ms !important;
627
+ -webkit-animation-duration: 1ms !important;
628
+ animation-duration: 1ms !important;
629
+ -webkit-animation-iteration-count: 1 !important;
630
+ animation-iteration-count: 1 !important;
631
+ }
632
+ }
633
+