linaro-jekyll-theme 4.1.4 → 4.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +20 -0
  3. data/_data/nav.yml +18 -3
  4. data/_data/picture.yml +35 -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/github_edit.html +5 -5
  11. data/_includes/components/head.html +4 -2
  12. data/_includes/components/jumbotron.html +30 -11
  13. data/_includes/components/sticky_tab_bar.html +76 -0
  14. data/_includes/flow/feature_block.html +3 -0
  15. data/_includes/js_bundles/vendor.html +1 -0
  16. data/_includes/nav/nav.html +24 -14
  17. data/_includes/nav/universal_nav.html +38 -8
  18. data/_layouts/documentation.html +19 -0
  19. data/_layouts/flow.html +3 -0
  20. data/_layouts/post.html +3 -0
  21. data/_sass/app/overrides.scss +27 -9
  22. data/_sass/core.scss +2 -0
  23. data/_sass/core/blog.scss +6 -1
  24. data/_sass/core/breadcrumb.scss +36 -13
  25. data/_sass/core/carousel-header.scss +53 -61
  26. data/_sass/core/cookies.scss +104 -90
  27. data/_sass/core/documentation.scss +39 -0
  28. data/_sass/core/flow.scss +5 -0
  29. data/_sass/core/fontello.scss +180 -45
  30. data/_sass/core/footer.scss +58 -53
  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 +78 -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 +156 -24
  42. data/assets/js/vendor/ofi.js +132 -0
  43. metadata +26 -19
  44. 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
  }
@@ -1,94 +1,99 @@
1
1
  /* Cookie Dialog */
2
2
  #gdpr-cookie-message {
3
- position: fixed;
4
- background-color: #eeeded;
5
- padding: 20px;
6
- border-radius: 5px;
7
- box-shadow: 0 15px 15px rgba(0,0,0,0.25);
8
- font-family: 'Lato';
9
- z-index: 999999;
10
- top: 0;
11
- left: 0;
12
- right: 0;
13
- bottom: unset;
14
- max-width: 100%;
15
- margin: 20px;
3
+ position: fixed;
4
+ background-color: #eeeded;
5
+ padding: 20px;
6
+ border-radius: 5px;
7
+ box-shadow: 0 15px 15px rgba(0, 0, 0, 0.25);
8
+ font-family: "Lato";
9
+ font-display: swap;
10
+ z-index: 999999;
11
+ top: 0;
12
+ left: 0;
13
+ right: 0;
14
+ bottom: unset;
15
+ max-width: 100%;
16
+ margin: 20px;
16
17
 
17
- button#ihavecookiesBtn {
18
- margin-left: 0px !important;
18
+ button#ihavecookiesBtn {
19
+ margin-left: 0px !important;
20
+ }
21
+ h4 {
22
+ color: #333;
23
+ font-family: "Quicksand", sans-serif;
24
+ font-display: swap;
25
+ font-size: 18px;
26
+ font-weight: 500;
27
+ margin-bottom: 10px;
28
+ }
29
+ h5 {
30
+ color: #a2a2a2;
31
+ font-family: "Quicksand", sans-serif;
32
+ font-display: swap;
33
+ font-size: 15px;
34
+ font-weight: 500;
35
+ margin-bottom: 10px;
36
+ }
37
+ p,
38
+ ul {
39
+ color: #333;
40
+ font-size: 15px;
41
+ line-height: 1.5em;
42
+ }
43
+ p:last-child {
44
+ margin-bottom: 0;
45
+ text-align: right;
46
+ }
47
+ li {
48
+ width: 49%;
49
+ display: inline-block;
50
+ }
51
+ a {
52
+ color: $primary;
53
+ text-decoration: none;
54
+ font-size: 15px;
55
+ padding-bottom: 2px;
56
+ border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
57
+ transition: all 0.3s ease-in;
58
+ &:hover {
59
+ color: #333;
60
+ border-bottom-color: $primary;
61
+ transition: all 0.3s ease-in;
19
62
  }
20
- h4 {
21
- color: #333;
22
- font-family: 'Quicksand', sans-serif;
23
- font-size: 18px;
24
- font-weight: 500;
25
- margin-bottom: 10px;
63
+ }
64
+ button,
65
+ button#ihavecookiesBtn {
66
+ border: none;
67
+ background: $primary;
68
+ color: white;
69
+ font-family: "Quicksand", sans-serif;
70
+ font-size: 15px;
71
+ padding: 7px;
72
+ border-radius: 3px;
73
+ margin-left: 15px;
74
+ margin-bottom: 5px;
75
+ cursor: pointer;
76
+ transition: all 0.3s ease-in;
77
+ }
78
+ button {
79
+ &:hover {
80
+ background: white;
81
+ color: $primary;
82
+ transition: all 0.3s ease-in;
26
83
  }
27
- h5 {
28
- color: #a2a2a2;
29
- font-family: 'Quicksand', sans-serif;
30
- font-size: 15px;
31
- font-weight: 500;
32
- margin-bottom: 10px;
84
+ &#gdpr-cookie-advanced {
85
+ background: white;
86
+ color: $primary;
33
87
  }
34
- p, ul {
35
- color: #333;
36
- font-size: 15px;
37
- line-height: 1.5em;
38
- }
39
- p:last-child {
40
- margin-bottom: 0;
41
- text-align: right;
42
- }
43
- li {
44
- width: 49%;
45
- display: inline-block;
46
- }
47
- a {
48
- color: $primary;
49
- text-decoration: none;
50
- font-size: 15px;
51
- padding-bottom: 2px;
52
- border-bottom: 1px dotted rgba(255,255,255,0.75);
53
- transition: all 0.3s ease-in;
54
- &:hover {
55
- color:#333;
56
- border-bottom-color: $primary;
57
- transition: all 0.3s ease-in;
58
- }
59
- }
60
- button, button#ihavecookiesBtn {
61
- border: none;
62
- background: $primary;
63
- color: white;
64
- font-family: 'Quicksand', sans-serif;
65
- font-size: 15px;
66
- padding: 7px;
67
- border-radius: 3px;
68
- margin-left: 15px;
69
- margin-bottom: 5px;
70
- cursor: pointer;
71
- transition: all 0.3s ease-in;
72
- }
73
- button {
74
- &:hover {
75
- background: white;
76
- color: $primary;
77
- transition: all 0.3s ease-in;
78
- }
79
- &#gdpr-cookie-advanced {
80
- background: white;
81
- color: $primary;
82
- }
83
- &:disabled {
84
- opacity: 0.3;
85
- }
86
- }
87
- input[type="checkbox"] {
88
- float: none;
89
- margin-top: 0;
90
- margin-right: 5px;
88
+ &:disabled {
89
+ opacity: 0.3;
91
90
  }
91
+ }
92
+ input[type="checkbox"] {
93
+ float: none;
94
+ margin-top: 0;
95
+ margin-right: 5px;
96
+ }
92
97
  }
93
98
 
94
99
  .df-switch {
@@ -131,12 +136,12 @@
131
136
  transition: opacity 0.25s;
132
137
  }
133
138
  .btn-toggle:before {
134
- content: 'off';
139
+ content: "off";
135
140
  left: -5rem;
136
141
  color: lightgrey;
137
142
  }
138
143
  .btn-toggle:after {
139
- content: 'on';
144
+ content: "on";
140
145
  right: -5rem;
141
146
  opacity: 0.5;
142
147
  color: $primary;
@@ -152,7 +157,7 @@
152
157
  box-shadow: inset 1px 1px 2px -1px black;
153
158
  }
154
159
  .btn-toggle.active > .inner-handle {
155
- background-color:$primary;
160
+ background-color: $primary;
156
161
  }
157
162
  .btn-toggle > .handle:before {
158
163
  content: "";
@@ -161,12 +166,20 @@
161
166
  width: 34px;
162
167
  top: 35%;
163
168
  left: 11px;
164
- background-image: radial-gradient(circle at center, $primary 5px, transparent 5px);
169
+ background-image: radial-gradient(
170
+ circle at center,
171
+ $primary 5px,
172
+ transparent 5px
173
+ );
165
174
  background-size: 10px 10px;
166
175
  background-repeat: no-repeat;
167
176
  }
168
177
  .btn-toggle.active > .handle:before {
169
- background-image: radial-gradient(circle at center, $primary 5px, transparent 5px);
178
+ background-image: radial-gradient(
179
+ circle at center,
180
+ $primary 5px,
181
+ transparent 5px
182
+ );
170
183
  }
171
184
  .btn-toggle > .handle {
172
185
  position: absolute;
@@ -196,5 +209,6 @@
196
209
  .btn-toggle.active {
197
210
  background-color: $primary;
198
211
  }
199
- #gdpr-cookie-message button, #gdpr-cookie-message button#ihavecookiesBtn {
212
+ #gdpr-cookie-message button,
213
+ #gdpr-cookie-message button#ihavecookiesBtn {
200
214
  }
@@ -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
+ }
data/_sass/core/flow.scss CHANGED
@@ -31,6 +31,7 @@
31
31
  .header_background_image {
32
32
  position: absolute;
33
33
  object-fit: cover;
34
+ font-family: "object-fit: cover;";
34
35
  height: 100%;
35
36
  width: 100%;
36
37
  filter: brightness(0.4);
@@ -55,6 +56,7 @@
55
56
  height: 100%;
56
57
  width: auto;
57
58
  object-fit: cover;
59
+ font-family: "object-fit: cover;";
58
60
  }
59
61
  }
60
62
  }
@@ -66,6 +68,7 @@
66
68
  height: 100%;
67
69
  width: auto;
68
70
  object-fit: cover;
71
+ font-family: "object-fit: cover;";
69
72
  @include media-breakpoint-down(sm) {
70
73
  margin: auto;
71
74
  }
@@ -77,6 +80,7 @@
77
80
  img.members_image {
78
81
  height: 100px;
79
82
  object-fit: contain;
83
+ font-family: "object-fit: contain;";
80
84
  width: 100%;
81
85
  padding: 15px;
82
86
  }
@@ -108,6 +112,7 @@
108
112
  height: 150px;
109
113
  width: 100%;
110
114
  object-fit: cover;
115
+ font-family: "object-fit: cover;";
111
116
  }
112
117
  }
113
118
  }