linaro-jekyll-theme 4.1.3 → 4.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +24 -9
  3. data/_data/nav.yml +18 -3
  4. data/_data/picture.yml +41 -5
  5. data/_data/sticky_tab_bar.yml +24 -0
  6. data/_data/universal_nav.yml +23 -10
  7. data/_includes/blog/post_search_fess.html +11 -0
  8. data/_includes/components/breadcrumb.html +5 -2
  9. data/_includes/components/cookie_manager.html +2 -2
  10. data/_includes/components/head.html +2 -2
  11. data/_includes/components/jumbotron.html +24 -5
  12. data/_includes/components/sticky_tab_bar.html +76 -0
  13. data/_includes/flow/blocks.html +1 -1
  14. data/_includes/flow/feature_block.html +3 -0
  15. data/_includes/flow/flow_inner.html +1 -1
  16. data/_includes/flow/members.html +26 -0
  17. data/_includes/js_bundles/vendor.html +1 -0
  18. data/_includes/nav/nav.html +24 -14
  19. data/_includes/nav/universal_nav.html +38 -8
  20. data/_layouts/documentation.html +19 -0
  21. data/_layouts/flow.html +3 -0
  22. data/_layouts/post.html +20 -7
  23. data/_sass/app/overrides.scss +26 -9
  24. data/_sass/core.scss +2 -0
  25. data/_sass/core/blog.scss +6 -1
  26. data/_sass/core/breadcrumb.scss +36 -13
  27. data/_sass/core/carousel-header.scss +53 -61
  28. data/_sass/core/documentation.scss +39 -0
  29. data/_sass/core/flow.scss +108 -83
  30. data/_sass/core/fontello.scss +178 -45
  31. data/_sass/core/jumbotron.scss +32 -31
  32. data/_sass/core/navbar.scss +171 -58
  33. data/_sass/core/sticky_tab_bar.scss +35 -0
  34. data/_sass/core/theme.scss +76 -46
  35. data/assets/fonts/fontello/fontello.eot +0 -0
  36. data/assets/fonts/fontello/fontello.svg +34 -0
  37. data/assets/fonts/fontello/fontello.ttf +0 -0
  38. data/assets/fonts/fontello/fontello.woff +0 -0
  39. data/assets/fonts/fontello/fontello.woff2 +0 -0
  40. data/assets/images/breadcrumb-banner.png +0 -0
  41. data/assets/js/app/main.js +147 -22
  42. data/assets/js/vendor/ofi.js +132 -0
  43. metadata +27 -20
  44. data/_includes/flow/members-section.html +0 -24
  45. data/_includes/sticky-tab-bar.html +0 -61
@@ -1,91 +1,83 @@
1
1
  // Full Width Slider
2
2
  .carousel-fade .carousel-inner .item {
3
- opacity: 0;
4
- transition-property: opacity;
3
+ opacity: 0;
4
+ transition-property: opacity;
5
5
  }
6
6
  .carousel-fade .carousel-inner .active {
7
- opacity: 1;
7
+ opacity: 1;
8
8
  }
9
9
  .carousel-fade .carousel-inner .active.left,
10
10
  .carousel-fade .carousel-inner .active.right {
11
- left: 0;
12
- opacity: 0;
13
- z-index: 1;
11
+ left: 0;
12
+ opacity: 0;
13
+ z-index: 1;
14
14
  }
15
15
  .carousel-fade .carousel-inner .next.left,
16
16
  .carousel-fade .carousel-inner .prev.right {
17
- opacity: 1;
17
+ opacity: 1;
18
18
  }
19
19
  .carousel-fade .carousel-control {
20
- z-index: 2;
20
+ z-index: 2;
21
21
  }
22
- @media all and (transform-3d),
23
- (-webkit-transform-3d) {
24
- .carousel-fade .carousel-inner > .item.next,
25
- .carousel-fade .carousel-inner > .item.active.right {
26
- opacity: 0;
27
- }
28
- .carousel-fade .carousel-inner > .item.prev,
29
- .carousel-fade .carousel-inner > .item.active.left {
30
- opacity: 0;
31
- }
32
- .carousel-fade .carousel-inner > .item.next.left,
33
- .carousel-fade .carousel-inner > .item.prev.right,
34
- .carousel-fade .carousel-inner > .item.active {
35
- opacity: 1;
36
- }
22
+ @media all and (transform-3d), (-webkit-transform-3d) {
23
+ .carousel-fade .carousel-inner > .item.next,
24
+ .carousel-fade .carousel-inner > .item.active.right {
25
+ opacity: 0;
26
+ }
27
+ .carousel-fade .carousel-inner > .item.prev,
28
+ .carousel-fade .carousel-inner > .item.active.left {
29
+ opacity: 0;
30
+ }
31
+ .carousel-fade .carousel-inner > .item.next.left,
32
+ .carousel-fade .carousel-inner > .item.prev.right,
33
+ .carousel-fade .carousel-inner > .item.active {
34
+ opacity: 1;
35
+ }
37
36
  }
38
37
  .item:nth-child(1) {
39
- -webkit-background-size: cover;
40
- -moz-background-size: cover;
41
- -o-background-size: cover;
42
- background-size: cover;
38
+ -webkit-background-size: cover;
39
+ -moz-background-size: cover;
40
+ -o-background-size: cover;
41
+ background-size: cover;
43
42
  }
44
43
  .item:nth-child(2) {
45
- -webkit-background-size: cover;
46
- -moz-background-size: cover;
47
- -o-background-size: cover;
48
- background-size: cover;
44
+ -webkit-background-size: cover;
45
+ -moz-background-size: cover;
46
+ -o-background-size: cover;
47
+ background-size: cover;
49
48
  }
50
49
  .item:nth-child(3) {
51
- -webkit-background-size: cover;
52
- -moz-background-size: cover;
53
- -o-background-size: cover;
54
- background-size: cover;
50
+ -webkit-background-size: cover;
51
+ -moz-background-size: cover;
52
+ -o-background-size: cover;
53
+ background-size: cover;
55
54
  }
56
55
  .carousel .item {
57
- position: fixed;
58
- z-index: 99999;
59
- width: 100%;
60
- height: $jumbotron_height + 100px;
61
- // margin-top: $navbar-height;
56
+ position: fixed;
57
+ z-index: 99999;
58
+ width: 100%;
59
+ height: $jumbotron_height + 100px;
60
+ // margin-top: $navbar-height;
62
61
  }
63
62
  .carousel.slide.carousel-fade {
64
- position: absolute;
65
- top: 0px;
66
- z-index: 0;
67
- overflow: hidden;
68
- }
69
- nav#universal-nav {
70
- z-index: 2;
71
- position: static;
72
- }
73
- nav#main-navigation {
74
- z-index: 999999;
63
+ position: absolute;
64
+ top: 0px;
65
+ z-index: 0;
66
+ overflow: hidden;
75
67
  }
76
68
  #content-container {
77
- background-color: $body-bg;
78
- position: relative;
69
+ background-color: $body-bg;
70
+ position: relative;
79
71
  }
80
72
  div#jumbotron {
81
- text-align: center;
82
- height: $jumbotron_height;
83
- z-index: 0;
84
- position: relative;
85
- background: none;
73
+ text-align: center;
74
+ height: $jumbotron_height;
75
+ z-index: 0;
76
+ position: relative;
77
+ background: none;
86
78
  }
87
79
  @include media-breakpoint-down(sm) {
88
- #jumbotron {
89
- font-size: 32px;
90
- }
80
+ #jumbotron {
81
+ font-size: 32px;
82
+ }
91
83
  }
@@ -0,0 +1,39 @@
1
+ #wrapper {
2
+ ul.docs_nav {
3
+ li.toc-entry > a {
4
+ color: black;
5
+ }
6
+ li.toc-entry {
7
+ padding: 5px 0;
8
+ }
9
+ &.sticky-top {
10
+ top: 80px;
11
+ }
12
+ max-height: 60vh;
13
+ overflow-y: auto;
14
+ &.fixed_nav {
15
+ position: fixed;
16
+ }
17
+ li.toc-entry {
18
+ list-style: none;
19
+ padding-left: 10px;
20
+ }
21
+ li {
22
+ padding-left: 10px;
23
+ list-style: none;
24
+ }
25
+ ul.list-group {
26
+ li {
27
+ list-style: none;
28
+ }
29
+ }
30
+ }
31
+ #doc_content {
32
+ a.anchor {
33
+ padding-top: 200px;
34
+ margin-top: -200px;
35
+ visibility: hidden;
36
+ display: block;
37
+ }
38
+ }
39
+ }
@@ -1,94 +1,119 @@
1
1
  #flow_wrapper {
2
- font-size: 1.2rem !important;
3
- @include media-breakpoint-only(xs){
4
- font-size: 1.1rem !important;
5
- }
6
- background-color: white;
7
- #collapseSection {
8
- .btn.btn-link {
9
- &:after {
10
- color: #666;
11
- top: 10px;
12
- right: 0px;
13
- position: absolute;
14
- margin-right: 30px;
15
- font-family: "fontello";
16
- font-size: 22px;
17
- content: "\e80f";
18
- }
19
- &.collapsed {
20
- &:after {
21
- content: "\e80e";
22
- }
23
- }
2
+ font-size: 1.2rem !important;
3
+ @include media-breakpoint-only(xs) {
4
+ font-size: 1.1rem !important;
5
+ }
6
+ background-color: white;
7
+ #collapseSection {
8
+ .btn.btn-link {
9
+ &:after {
10
+ color: #666;
11
+ top: 10px;
12
+ right: 0px;
13
+ position: absolute;
14
+ margin-right: 30px;
15
+ font-family: "fontello";
16
+ font-size: 22px;
17
+ content: "\e80f";
18
+ }
19
+ &.collapsed {
20
+ &:after {
21
+ content: "\e80e";
24
22
  }
23
+ }
24
+ }
25
+ }
26
+ .row {
27
+ padding: $flow_row_padding 0;
28
+ &.background_image_row {
29
+ overflow: hidden;
30
+ position: relative;
31
+ .header_background_image {
32
+ position: absolute;
33
+ object-fit: cover;
34
+ font-family: "object-fit: cover;";
35
+ height: 100%;
36
+ width: 100%;
37
+ filter: brightness(0.4);
38
+ z-index: 0;
39
+ top: 0px;
40
+ }
41
+ }
42
+ & > .container > .col.col-12 {
43
+ padding: $flow_component_padding 0px;
44
+ }
45
+ .tabbed_content {
46
+ .tab-content {
47
+ margin-top: 15px;
48
+ }
25
49
  }
26
- .row {
27
- padding: $flow_row_padding 0;
28
- &.background_image_row {
29
- overflow: hidden;
30
- position: relative;
31
- .header_background_image {
32
- position: absolute;
33
- object-fit: cover;
34
- height: 100%;
35
- width: 100%;
36
- filter: brightness(0.4);
37
- z-index:0;
38
- top:0px;
39
- }
40
- }
41
- & > .container > .col.col-12 {
42
- padding: $flow_component_padding 0px;
43
- }
44
- .tabbed_content {
45
- .tab-content {
46
- margin-top: 15px;
47
- }
48
- }
49
50
 
50
- .slider_block {
51
- .item {
52
- height: 400px;
53
- overflow: hidden;
54
- img {
55
- height: 100%;
56
- width: auto;
57
- object-fit: cover;
58
- }
59
- }
51
+ .slider_block {
52
+ .item {
53
+ height: 400px;
54
+ overflow: hidden;
55
+ img {
56
+ height: 100%;
57
+ width: auto;
58
+ object-fit: cover;
59
+ font-family: "object-fit: cover;";
60
60
  }
61
- .slider_row {
62
- .item {
63
- height: 200px;
64
- overflow: hidden;
65
- img {
66
- height: 100%;
67
- width: auto;
68
- object-fit: cover;
69
- @include media-breakpoint-down(sm){
70
- margin: auto;
71
- }
72
- }
73
- }
61
+ }
62
+ }
63
+ .slider_row {
64
+ .item {
65
+ height: 200px;
66
+ overflow: hidden;
67
+ img {
68
+ height: 100%;
69
+ width: auto;
70
+ object-fit: cover;
71
+ font-family: "object-fit: cover;";
72
+ @include media-breakpoint-down(sm) {
73
+ margin: auto;
74
+ }
74
75
  }
76
+ }
77
+ }
78
+ }
79
+ .members_section {
80
+ img.members_image {
81
+ height: 100px;
82
+ object-fit: contain;
83
+ font-family: "object-fit: contain;";
84
+ width: 100%;
85
+ padding: 15px;
75
86
  }
76
- .blocks {
77
- .block_column {
78
- margin-top: 15px;
87
+ }
88
+ .blocks {
89
+ .block_column {
90
+ margin-top: 15px;
91
+ }
92
+ .card {
93
+ overflow: hidden;
94
+ &.background_image {
95
+ picture {
96
+ height: 100%;
97
+ }
98
+ img {
99
+ filter: brightness(0.5);
100
+ height: 100%;
101
+ position: absolute;
102
+ left: 0;
103
+ right: 0;
104
+ top: 0;
105
+ z-index: 0;
79
106
  }
80
- .card {
81
- &.background_image {
82
- img {
83
- filter: brightness(0.5);
84
- height: 100%;
85
- }
86
- }
87
- .card-img-top {
88
- height: 150px;
89
- width: 100%;
90
- object-fit: cover;
91
- }
107
+ .card-body {
108
+ z-index: 1;
92
109
  }
110
+ }
111
+ .card-img-top {
112
+ height: 150px;
113
+ width: 100%;
114
+ object-fit: cover;
115
+ font-family: "object-fit: cover;";
116
+ }
93
117
  }
118
+ }
94
119
  }
@@ -1,8 +1,7 @@
1
1
  @font-face {
2
2
  font-family: "fontello";
3
3
  src: url("/assets/fonts/fontello/fontello.eot");
4
- src: url("/assets/fonts/fontello/fontello.eot")
5
- format("embedded-opentype"),
4
+ src: url("/assets/fonts/fontello/fontello.eot") format("embedded-opentype"),
6
5
  url("/assets/fonts/fontello/fontello.woff2") format("woff2"),
7
6
  url("/assets/fonts/fontello/fontello.woff") format("woff"),
8
7
  url("/assets/fonts/fontello/fontello.ttf") format("truetype"),
@@ -46,46 +45,180 @@
46
45
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
47
46
  }
48
47
 
49
-
50
- .icon-search:before { content: '\e800'; } /* '' */
51
- .icon-stop:before { content: '\e801'; } /* '' */
52
- .icon-pause:before { content: '\e802'; } /* '' */
53
- .icon-fast-fw:before { content: '\e803'; } /* '' */
54
- .icon-fast-bw:before { content: '\e804'; } /* '' */
55
- .icon-terminal:before { content: '\e805'; } /* '' */
56
- .icon-basket:before { content: '\e806'; } /* '' */
57
- .icon-users:before { content: '\e807'; } /* '' */
58
- .icon-user:before { content: '\e808'; } /* '' */
59
- .icon-folder-open:before { content: '\e809'; } /* '' */
60
- .icon-minus:before { content: '\e80a'; } /* '' */
61
- .icon-minus-circled:before { content: '\e80b'; } /* '' */
62
- .icon-plus:before { content: '\e80c'; } /* '' */
63
- .icon-plus-circled:before { content: '\e80d'; } /* '' */
64
- .icon-down-open:before { content: '\e80e'; } /* '' */
65
- .icon-up-open:before { content: '\e80f'; } /* '' */
66
- .icon-github-circled-alt2:before { content: '\f056'; } /* '' */
67
- .icon-link-ext:before { content: '\f08e'; } /* '' */
68
- .icon-terminal-1:before { content: '\f120'; } /* '' */
69
- .icon-play-circled:before { content: '\f144'; } /* '' */
70
- .icon-link-ext-alt:before { content: '\f14c'; } /* '' */
71
- .icon-youtube-squared:before { content: '\f166'; } /* '' */
72
- .icon-youtube:before { content: '\f167'; } /* '' */
73
- .icon-youtube-play:before { content: '\f16a'; } /* '' */
74
- .icon-file-code:before { content: '\f1c9'; } /* '' */
75
- .icon-newspaper:before { content: '\f1ea'; } /* '' */
76
- .icon-cart-plus:before { content: '\f217'; } /* '' */
77
- .icon-github:before { content: '\f300'; } /* '' */
78
- .icon-github-circled:before { content: '\f301'; } /* '' */
79
- .icon-flickr:before { content: '\f303'; } /* '' */
80
- .icon-flickr-circled:before { content: '\f304'; } /* '' */
81
- .icon-twitter:before { content: '\f309'; } /* '' */
82
- .icon-twitter-circled:before { content: '\f30a'; } /* '' */
83
- .icon-facebook:before { content: '\f30c'; } /* '' */
84
- .icon-facebook-circled:before { content: '\f30d'; } /* '' */
85
- .icon-facebook-squared:before { content: '\f30e'; } /* '' */
86
- .icon-pinterest:before { content: '\f312'; } /* '' */
87
- .icon-pinterest-circled:before { content: '\f313'; } /* '' */
88
- .icon-linkedin:before { content: '\f318'; } /* '' */
89
- .icon-linkedin-circled:before { content: '\f319'; } /* '' */
90
- .icon-spotify-circled:before { content: '\f328'; } /* '' */
91
- .icon-instagram:before { content: '\f32d'; } /* '' */
48
+ .icon-cancel:before {
49
+ content: "\2715";
50
+ } /* '' */
51
+ .icon-cancel-circled:before {
52
+ content: "\2716";
53
+ } /* '' */
54
+ .icon-left-open:before {
55
+ content: "\e75d";
56
+ } /* '' */
57
+ .icon-right-open:before {
58
+ content: "\e75e";
59
+ } /* '' */
60
+ .icon-search:before {
61
+ content: "\e800";
62
+ } /* '' */
63
+ .icon-stop:before {
64
+ content: "\e801";
65
+ } /* '' */
66
+ .icon-pause:before {
67
+ content: "\e802";
68
+ } /* '' */
69
+ .icon-fast-fw:before {
70
+ content: "\e803";
71
+ } /* '' */
72
+ .icon-fast-bw:before {
73
+ content: "\e804";
74
+ } /* '' */
75
+ .icon-terminal:before {
76
+ content: "\e805";
77
+ } /* '' */
78
+ .icon-basket:before {
79
+ content: "\e806";
80
+ } /* '' */
81
+ .icon-users:before {
82
+ content: "\e807";
83
+ } /* '' */
84
+ .icon-user:before {
85
+ content: "\e808";
86
+ } /* '' */
87
+ .icon-folder-open:before {
88
+ content: "\e809";
89
+ } /* '' */
90
+ .icon-minus:before {
91
+ content: "\e80a";
92
+ } /* '' */
93
+ .icon-minus-circled:before {
94
+ content: "\e80b";
95
+ } /* '' */
96
+ .icon-plus:before {
97
+ content: "\e80c";
98
+ } /* '' */
99
+ .icon-plus-circled:before {
100
+ content: "\e80d";
101
+ } /* '' */
102
+ .icon-down-open:before {
103
+ content: "\e80e";
104
+ } /* '' */
105
+ .icon-up-open:before {
106
+ content: "\e80f";
107
+ } /* '' */
108
+ .icon-github-circled-alt2:before {
109
+ content: "\f056";
110
+ } /* '' */
111
+ .icon-link-ext:before {
112
+ content: "\f08e";
113
+ } /* '' */
114
+ .icon-sort-down:before {
115
+ content: "\f0dd";
116
+ } /* '' */
117
+ .icon-sort-up:before {
118
+ content: "\f0de";
119
+ } /* '' */
120
+ .icon-angle-left:before {
121
+ content: "\f104";
122
+ } /* '' */
123
+ .icon-angle-right:before {
124
+ content: "\f105";
125
+ } /* '' */
126
+ .icon-terminal-1:before {
127
+ content: "\f120";
128
+ } /* '' */
129
+ .icon-play-circled:before {
130
+ content: "\f144";
131
+ } /* '' */
132
+ .icon-link-ext-alt:before {
133
+ content: "\f14c";
134
+ } /* '' */
135
+ .icon-sort-name-up:before {
136
+ content: "\f15d";
137
+ } /* '' */
138
+ .icon-sort-name-down:before {
139
+ content: "\f15e";
140
+ } /* '' */
141
+ .icon-sort-alt-up:before {
142
+ content: "\f160";
143
+ } /* '' */
144
+ .icon-sort-alt-down:before {
145
+ content: "\f161";
146
+ } /* '' */
147
+ .icon-sort-number-up:before {
148
+ content: "\f162";
149
+ } /* '' */
150
+ .icon-sort-number-down:before {
151
+ content: "\f163";
152
+ } /* '' */
153
+ .icon-youtube-squared:before {
154
+ content: "\f166";
155
+ } /* '' */
156
+ .icon-youtube:before {
157
+ content: "\f167";
158
+ } /* '' */
159
+ .icon-youtube-play:before {
160
+ content: "\f16a";
161
+ } /* '' */
162
+ .icon-file-code:before {
163
+ content: "\f1c9";
164
+ } /* '' */
165
+ .icon-newspaper:before {
166
+ content: "\f1ea";
167
+ } /* '' */
168
+ .icon-cart-plus:before {
169
+ content: "\f217";
170
+ } /* '' */
171
+ .icon-microchip:before {
172
+ content: "\f2db";
173
+ } /* '' */
174
+ .icon-github:before {
175
+ content: "\f300";
176
+ } /* '' */
177
+ .icon-github-circled:before {
178
+ content: "\f301";
179
+ } /* '' */
180
+ .icon-flickr:before {
181
+ content: "\f303";
182
+ } /* '' */
183
+ .icon-flickr-circled:before {
184
+ content: "\f304";
185
+ } /* '' */
186
+ .icon-twitter:before {
187
+ content: "\f309";
188
+ } /* '' */
189
+ .icon-twitter-circled:before {
190
+ content: "\f30a";
191
+ } /* '' */
192
+ .icon-facebook:before {
193
+ content: "\f30c";
194
+ } /* '' */
195
+ .icon-facebook-circled:before {
196
+ content: "\f30d";
197
+ } /* '' */
198
+ .icon-facebook-squared:before {
199
+ content: "\f30e";
200
+ } /* '' */
201
+ .icon-pinterest:before {
202
+ content: "\f312";
203
+ } /* '' */
204
+ .icon-pinterest-circled:before {
205
+ content: "\f313";
206
+ } /* '' */
207
+ .icon-linkedin:before {
208
+ content: "\f318";
209
+ } /* '' */
210
+ .icon-linkedin-circled:before {
211
+ content: "\f319";
212
+ } /* '' */
213
+ .icon-spotify-circled:before {
214
+ content: "\f328";
215
+ } /* '' */
216
+ .icon-instagram:before {
217
+ content: "\f32d";
218
+ } /* '' */
219
+ .icon-calendar:before {
220
+ content: "📅";
221
+ } /* '\1f4c5' */
222
+ .icon-book:before {
223
+ content: "📕";
224
+ } /* '\1f4d5' */