linaro-jekyll-theme 4.1.6 → 4.3.3

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 (42) 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/js_bundles/vendor.html +1 -0
  15. data/_includes/nav/nav.html +24 -14
  16. data/_includes/nav/universal_nav.html +39 -8
  17. data/_layouts/documentation.html +19 -0
  18. data/_layouts/flow.html +3 -0
  19. data/_sass/app/overrides.scss +27 -9
  20. data/_sass/core.scss +2 -0
  21. data/_sass/core/blog.scss +6 -1
  22. data/_sass/core/breadcrumb.scss +36 -13
  23. data/_sass/core/carousel-header.scss +53 -61
  24. data/_sass/core/cookies.scss +104 -90
  25. data/_sass/core/documentation.scss +39 -0
  26. data/_sass/core/flow.scss +5 -0
  27. data/_sass/core/fontello.scss +180 -45
  28. data/_sass/core/footer.scss +58 -53
  29. data/_sass/core/jumbotron.scss +32 -31
  30. data/_sass/core/navbar.scss +171 -58
  31. data/_sass/core/sticky_tab_bar.scss +35 -0
  32. data/_sass/core/theme.scss +78 -46
  33. data/assets/fonts/fontello/fontello.eot +0 -0
  34. data/assets/fonts/fontello/fontello.svg +34 -0
  35. data/assets/fonts/fontello/fontello.ttf +0 -0
  36. data/assets/fonts/fontello/fontello.woff +0 -0
  37. data/assets/fonts/fontello/fontello.woff2 +0 -0
  38. data/assets/images/breadcrumb-banner.png +0 -0
  39. data/assets/js/app/main.js +156 -24
  40. data/assets/js/vendor/ofi.js +132 -0
  41. metadata +26 -19
  42. data/_includes/sticky-tab-bar.html +0 -61
@@ -0,0 +1,76 @@
1
+ {% if page.sticky_tab_bar.first %}
2
+ {% assign tab-list = page.sticky_tab_bar %}
3
+ {% else %}
4
+ {% assign sub-nav-tabs = site.data.sticky_tab_bar.pages %}
5
+ {% endif %}
6
+ {% if sub-nav-tabs %}
7
+ {% assign page-base = page.url | split:'/' %}
8
+ {% for each in sub-nav-tabs %}
9
+ {% for each-url in each.urls %}
10
+ {% if each-url == page.url %}
11
+ {% if each.list %}
12
+ {% assign tab-list = each.list %}
13
+ {% endif %}
14
+ {% elsif each.sub-pages-enabled %}
15
+ {% if page.url contains each-url %}
16
+ {% assign tab-list = each.list %}
17
+ {% endif %}
18
+ {% endif %}
19
+ {% endfor %}
20
+ {% if each.custom-include %}
21
+ {% assign custom-include = each.custom-include %}
22
+ {% endif %}
23
+ {% endfor %}
24
+ {% endif %}
25
+ {% if tab-list %}
26
+ <div class="tabbed-area non-sticky-nav" id="tabbed-nav-bar"><!-- Nav tabs Wrapper-->
27
+ <nav class="navbar navbar-expand-lg navbar-light bg-light {% if site.hover_nav_dropdowns %}hover_animated{% endif %}" role="navigation"><!-- Nav -->
28
+ <div class="container">
29
+ <a class="navbar-brand d-block d-lg-none" id="sub-navigation-header" href="#"></a><!-- Navbar Brand -->
30
+ <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#tabbed-nav-bar-collapse"
31
+ aria-controls="tabbed-nav-bar-collapse" aria-expanded="false" aria-label="Toggle navigation">
32
+ <span class="icon-bar"></span>
33
+ <span class="icon-bar"></span>
34
+ <span class="icon-bar"></span>
35
+ <span class="sr-only">Toggle navigation</span>
36
+ </button>
37
+ <div class="collapse navbar-collapse" id="tabbed-nav-bar-collapse"><!-- Navbar Collapse -->
38
+ <ul class="nav nav-pills flex-column flex-lg-row tabbed-nav w-100" id="tab-row" role="tablist">
39
+ {% for tab in tab-list %}
40
+ {% if tab.options %}
41
+ <li class="nav-item dropdown">
42
+ <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
43
+ {{tab.title}}
44
+ </a>
45
+ <div class="dropdown-menu {% if site.nav_dropdowns_animation_class %}{{site.nav_dropdowns_animation_class}}{% endif %}">
46
+ {% for option in tab.options %}
47
+ <a class="dropdown-item" href="{{option.url}}">{{option.title}}</a>
48
+ {% endfor %}
49
+ </div>
50
+ </li>
51
+ {% else %}
52
+ <li role="presentation"
53
+ class=" nav-item tabbed-nav-btn {% if tab.right %}pull-right{% endif %}">
54
+ <a href="{% if tab.url == '__current_page__' %}{{page.url}}{% else %}{{tab.url}}{% endif %}"
55
+ class="nav-link {% if tab.url == '__current_page__'%}active{% elsif page.url == tab.url or tab.sub-pages and page.url contains tab.url or tab.active %}active{% endif %}"
56
+ aria-controls="overview" role="link">
57
+ {% if tab.title == "__current_page__" %}
58
+ {{page.title}}
59
+ {% else %}
60
+ {{tab.title}}
61
+ {% endif %}
62
+ </a>
63
+ </li>
64
+ {% endif %}
65
+ {% endfor %}
66
+
67
+ </ul>
68
+ </div>
69
+ </div>
70
+ </nav>
71
+ </div>
72
+ {% elsif custom-include %}
73
+ {% include {{custom-include}}.html %}
74
+ {% else %}
75
+ No content found - please add to _data/sticky_tab_bar.yml. More information available <a href="/jekyll/includes/sticky-tab-bar/">here</a>.
76
+ {% endif %}
@@ -2,6 +2,7 @@
2
2
  - /assets/js/vendor/jquery.js
3
3
  - /assets/js/vendor/_popper.js
4
4
  - /assets/js/vendor/bootstrap.js
5
+ - /assets/js/vendor/ofi.js
5
6
  - /assets/js/vendor/jquery.cookie.js
6
7
  - /assets/js/vendor/jquery.ihavecookies.js
7
8
  - /assets/js/vendor/lazysizes.js
@@ -6,9 +6,16 @@
6
6
  {% if current_page_url == "/" %}
7
7
  {% assign current_page_url = "do-no-set"%}
8
8
  {% endif %}
9
- <nav class="navbar navbar-expand-md navbar-light bg-light" id="main-navigation">
9
+ {% assign nav_expand_point = site.nav_expand_breakpoint %}
10
+ <nav class="navbar navbar-expand-{{nav_expand_point}} navbar-light bg-light {% if site.hover_nav_dropdowns %}hover_animated{% endif %}" id="main-navigation">
10
11
  <div class="container">
11
- {% include nav/brand.html %}
12
+ {% if site.data.nav.brand.custom_include %}
13
+ {% include {{site.data.nav.brand.custom_include}} %}
14
+ {% else %}
15
+ <a class="navbar-brand" href="/">
16
+ <img src="{{site.data.nav.brand.path}}" alt="{{site.data.nav.brand.alt}}" height="60" class="d-inline-block align-top">
17
+ </a>
18
+ {% endif %}
12
19
  <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar-collapse"
13
20
  aria-controls="navbar-collapse " aria-expanded="false" aria-label="Toggle navigation">
14
21
  <span class="icon-bar"></span>
@@ -47,15 +54,15 @@
47
54
  {% endif %}
48
55
  {% endfor %}
49
56
 
50
- <li class="nav-item dropdown {{active}}">
57
+ <li class="nav-item dropdown text-center text-{{nav_expand_point}}-left {{active}}">
51
58
  <a class="nav-link dropdown-toggle" href="#" id="dropdown-{{forloop.index}}" role="button" data-toggle="dropdown"
52
59
  aria-haspopup="true" aria-expanded="false">
53
60
  {{section.title}}
54
61
  </a>
55
- <ul class="dropdown-menu" aria-labelledby="dropdown-{{forloop.index}}">
62
+ <ul class="dropdown-menu {% if site.nav_dropdowns_animation_class %}{{site.nav_dropdowns_animation_class}}{% endif %}" aria-labelledby="dropdown-{{forloop.index}}">
56
63
  {% for menu_option in section.options %}
57
64
  {% if menu_option.options %}
58
- <li class="dropdown-item dropdown {% if section.left %} pull-left {% endif %}">
65
+ <li class="dropdown-item dropdown text-center text-{{nav_expand_point}}-left {% if section.left %} pull-left {% endif %}">
59
66
  <a href="#" id="dropdown1-{{forloop.index}}" data-toggle="dropdown" aria-haspopup="true"
60
67
  aria-expanded="false" class="dropdown-toggle">
61
68
  {{menu_option.text}}
@@ -63,7 +70,7 @@
63
70
  <ul class="dropdown-menu" aria-labelledby="dropdown1-{{forloop.index}}">
64
71
  {% for sub-option in menu_option.options %}
65
72
  {% if sub-option.options %}
66
- <li class="dropdown-item dropdown">
73
+ <li class="dropdown-item dropdown text-center text-{{nav_expand_point}}-left">
67
74
  <a href="#" class="dropdown-toggle" id="dropdown1-1-{{forloop.index}}"
68
75
  data-toggle="dropdown" aria-haspopup="true"
69
76
  aria-expanded="false">
@@ -71,23 +78,23 @@
71
78
  </a>
72
79
  <ul class="dropdown-menu" aria-labelledby="dropdown1-1-{{forloop.index}}">
73
80
  {% for sub-sub-option in sub-option.options %}
74
- <li >
81
+ <li class="text-center text-{{nav_expand_point}}-left">
75
82
  <a href="{{sub-sub-option.url}}">{{sub-sub-option.text}}</a>
76
83
  </li>
77
84
  {% endfor %}
78
85
  </ul>
79
86
  </li>
80
87
  {% else %}
81
- <li><a href="{{sub-option.url}}">{{sub-option.text}}</a></li>
88
+ <li class="text-center text-{{nav_expand_point}}-left"><a href="{{sub-option.url}}">{{sub-option.text}}</a></li>
82
89
  {% endif %}
83
90
  {% endfor %}
84
91
  </ul>
85
92
  </li>
86
93
  {% else %}
87
- <li>
94
+ <li class="text-center text-{{nav_expand_point}}-left">
88
95
  <a href="{{menu_option.url}}">
89
96
  {{menu_option.text}}
90
- {% if menu_option.external %}<i class="glyphicon glyphicon-new-window pull-right"></i>{% endif %}
97
+ {% if menu_option.external %}<i class="icon-link-ext-alt float-right"></i>{% endif %}
91
98
  </a>
92
99
  </li>
93
100
  {% endif %}
@@ -106,20 +113,23 @@
106
113
  {% endif %}
107
114
  {% endfor %}
108
115
  {% endif %}
109
- <li class="nav-item {{active}}">
110
- <a class="nav-link" href="{{section.url}}">{{section.title}} {% if active == "active" %}<span class="sr-only">(current)</span>{% endif %}</a>
116
+ <li class="nav-item text-center text-{{nav_expand_point}}-left {{active}}">
117
+ <a class="nav-link" href="{{section.url}}">
118
+ {{section.title}}
119
+ {% if section.external %}<i class="icon-link-ext-alt float-right"></i>{% endif %}
120
+ {% if active == "active" %}<span class="sr-only">(current)</span>{% endif %}</a>
111
121
  </li>
112
122
  {% endif %}
113
123
  {% endfor %}
114
124
  {% if site.data.nav.search.enabled %}
115
- <li class="nav-item dropdown search">
125
+ <li class="nav-item dropdown text-center text-{{nav_expand_point}}-left search">
116
126
  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" aria-label="Search dropdown" data-toggle="dropdown"
117
127
  aria-haspopup="true" aria-expanded="false">
118
128
  <i class="icon-search"></i>
119
129
  </a>
120
130
  <div class="dropdown-menu" aria-labelledby="navbarDropdown">
121
131
  <form class="form-inline flex-nowrap" action="/search/" method="GET" target="_self" id="search_form">
122
- <input class="form-control border-0" name="q" type="search" placeholder="Search..." aria-label="Search">
132
+ <input class="form-control border-0 flex-grow-1" name="q" type="search" placeholder="Search..." aria-label="Search">
123
133
  <button class="btn btn-outline-primary border-0" type="submit">Search</button>
124
134
  <input type="hidden" name="fields.label" value="{{ site.search_label }}">
125
135
  </form>
@@ -1,5 +1,6 @@
1
+ {% assign nav_expand_point = site.nav_expand_breakpoint %}
1
2
  <!-- Universal NavBar-->
2
- <nav class="navbar navbar-expand-md navbar-dark" id="universal_nav">
3
+ <nav class="navbar navbar-expand-{{nav_expand_point}} navbar-dark" id="universal_nav">
3
4
  <div class="container">
4
5
  <button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
5
6
  aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -13,23 +14,53 @@
13
14
  <ul class="navbar-nav ml-auto">
14
15
  {% for item in site.data.universal_nav.items %}
15
16
  {% if item.options %}
16
- <li class="nav-item dropdown {% for project-site in item.options %}{% if project-site.active %}active{% break %}{% endif %}{% endfor %}">
17
- <a class="nav-link dropdown-toggle" target="_self" href="#" id="universalNavbarDropdown" aria-label="Toggle unviersal navigation" role="button" data-toggle="dropdown"
17
+ <li class="nav-item dropdown {% if item.hamburger_toggle %}dropdown_hamburger{% endif %} {% for project-site in item.options %}{% if project-site.active %}active{% break %}{% endif %}{% endfor %}">
18
+ {% if item.hamburger_toggle %}
19
+ <button class="ml-auto mt-1 d-none d-{{nav_expand_point}}-block" type="button" data-toggle="dropdown"
20
+ aria-haspopup="true" aria-expanded="false" aria-label="Toggle {{item.title}} Dropdown">
21
+ <span class="icon-bar"></span>
22
+ <span class="icon-bar"></span>
23
+ <span class="icon-bar"></span>
24
+ <span class="sr-only d-none">Toggle navigation</span>
25
+ </button>
26
+ <a class="nav-link dropdown-toggle d-block d-{{nav_expand_point}}-none" target="_self" href="#" id="universalNavbarDropdown" aria-label="Toggle unviersal navigation" role="button" data-toggle="dropdown"
18
27
  aria-haspopup="true" aria-expanded="false">
19
- {{item.title}}
20
- </a>
21
- <div class="dropdown-menu" aria-labelledby="universalNavbarDropdown">
28
+ {{item.title}}
29
+ </a>
30
+ {% else %}
31
+ <a class="nav-link dropdown-toggle" target="_self" href="#" id="universalNavbarDropdown" aria-label="Toggle unviersal navigation" role="button" data-toggle="dropdown"
32
+ aria-haspopup="true" aria-expanded="false">
33
+ {{item.title}}
34
+ </a>
35
+ {% endif %}
36
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="universalNavbarDropdown">
22
37
  {% for project-site in item.options %}
23
38
  <a class="dropdown-item {% if project-site.active %}active{% endif%}" href="{{project-site.url}}">{{project-site.title}}</a>
24
39
  {% endfor %}
25
40
  </div>
26
41
  </li>
27
42
  {% else %}
28
- <li class="nav-item {% if item.active %}active{% endif %}">
29
- <a target="_self" class="nav-link" href="{{item.url}}">{{item.title}} <span class="sr-only">(current)</span></a>
43
+ <li class="nav-item {% if item.icon %}nav-item-icon d-none d-{{nav_expand_point}}-block{% endif %} {% if item.active %}active{% endif %}">
44
+ <a target="_self" class="nav-link" href="{{item.url}}">
45
+ {% if item.icon %}
46
+ <span class="{{item.icon}}"></span>
47
+ {% else %}
48
+ {{item.title}}
49
+ {% endif %}
50
+ <span class="sr-only">(current)</span></a>
30
51
  </li>
31
52
  {% endif %}
32
53
  {% endfor %}
54
+ <li class="nav-item nav-item-icon d-block d-{{nav_expand_point}}-none">
55
+ {% for item in site.data.universal_nav.items %}
56
+ {% if item.icon %}
57
+ <a target="_blank" class="nav-link" href="{{item.url}}">
58
+ <span class="sr-only">{{item.icon}}</span>
59
+ <span class="{{item.icon}}"></span>
60
+ </a>
61
+ {% endif %}
62
+ {% endfor %}
63
+ </li>
33
64
  </ul>
34
65
  </div>
35
66
  </div>
@@ -0,0 +1,19 @@
1
+ ---
2
+ layout: base
3
+ ---
4
+ {% include components/breadcrumb.html %}
5
+ {% if page.sticky_tab_bar %}
6
+ {% include components/sticky_tab_bar.html object=page %}
7
+ {% endif %}
8
+ <div class="container-fluid main_content" id="content_wrapper">
9
+ <div class="row" id="doc_content">
10
+ <div class="container">
11
+ <div class="row">
12
+ {% if page.toc %}
13
+ <div class="col col-12 col-lg-3" id="table-of-contents">{{ content | toc_only }}</div>
14
+ {% endif %}
15
+ <div class="col col-12 {% if page.toc %}col-lg-9{% endif %}"id="markdown-content">{{ content | inject_anchors }}</div>
16
+ </div>
17
+ </div>
18
+ </div>
19
+ </div>
data/_layouts/flow.html CHANGED
@@ -6,6 +6,9 @@ layout: base
6
6
  {% elsif page.breadcrumb %}
7
7
  {% include components/breadcrumb.html %}
8
8
  {% endif %}
9
+ {% if page.sticky_tab_bar %}
10
+ {% include components/sticky_tab_bar.html object=page %}
11
+ {% endif %}
9
12
  <div class="container-fluid main_content" id="flow_wrapper">
10
13
  {% if page.flow %}
11
14
  {% for each in page.flow %}
@@ -4,29 +4,41 @@ $secondary: #575757;
4
4
  $theme-colors: (
5
5
  "primary": $primary,
6
6
  "secondary": $secondary,
7
- "danger": #ff4136
7
+ "danger": #ff4136,
8
8
  );
9
9
  // Universal Navbar
10
10
  $universal_navbar_height_padding: 0px;
11
- $universal_navbar_text_color: #fff;
11
+ $universal_navbar_text_color: #000;
12
+ $universal_navbar_active_text_hover_color: #fff;
13
+ $universal_navbar_icon_color: #fff;
12
14
  $universal_navbar_bg_color: $primary;
15
+ $universal_navbar_active_text_color: #fff;
16
+ $universal_navbar_active_bg_color: #000;
13
17
  // Main Navbar
14
18
  $navbar_height_padding: 5px;
15
19
  $navbar_text_color: #575757;
16
20
  $navbar_bg_color: #fff;
21
+ // Breakpoint at which navbars are expanded
22
+ // Also set in the _data/nav.yml file - both are needed
23
+ $nav_expand_point: "lg";
17
24
  // Jumbotron
18
25
  $jumbotron_bg_color: lightgray;
19
26
  $jumbotron_height: 350px;
20
27
  // Typography
21
28
  @font-face {
22
29
  font-display: fallback;
23
- font-family: 'Lato';
24
- src: url('/assets/fonts/lato/Lato-regular.eot'); /* IE9 Compat Modes */
25
- src: url('/assets/fonts/lato/Lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
26
- url('/assets/fonts/lato/Lato-regular.woff2') format('woff2'), /* Super Modern Browsers */
27
- url('/assets/fonts/lato/Lato-regular.woff') format('woff'), /* Pretty Modern Browsers */
28
- url('/assets/fonts/lato/Lato-regular.ttf') format('truetype'), /* Safari, Android, iOS */
29
- url('/assets/fonts/lato/Lato-regular.svg') format('svg'); /* Legacy iOS */
30
+ font-family: "Lato";
31
+ font-display: swap;
32
+ src: url("/assets/fonts/lato/Lato-regular.eot"); /* IE9 Compat Modes */
33
+ src: url("/assets/fonts/lato/Lato-regular.eot?#iefix")
34
+ format("embedded-opentype"),
35
+ /* IE6-IE8 */ url("/assets/fonts/lato/Lato-regular.woff2") format("woff2"),
36
+ /* Super Modern Browsers */ url("/assets/fonts/lato/Lato-regular.woff")
37
+ format("woff"),
38
+ /* Pretty Modern Browsers */ url("/assets/fonts/lato/Lato-regular.ttf")
39
+ format("truetype"),
40
+ /* Safari, Android, iOS */ url("/assets/fonts/lato/Lato-regular.svg")
41
+ format("svg"); /* Legacy iOS */
30
42
  }
31
43
  // Fonts
32
44
  $font-family-base: "Lato";
@@ -41,3 +53,9 @@ $cookie_consent_bg: #000;
41
53
  $cookie_consent_text_color: #fff;
42
54
  // Breadcrumb
43
55
  $breadcrumb_bg_color: #e9ecef;
56
+ // Sticky Tab Bar
57
+ $tabbed_nav_height: 80px;
58
+ $tabbed_nav_bg: #fff;
59
+ $tabbed_nav_text_colour: #000;
60
+ $tabbed_nav_active_bg_colour: $secondary;
61
+ $tabbed_nav_active_colour: #fff;
data/_sass/core.scss CHANGED
@@ -1,6 +1,8 @@
1
1
  // Core Jumbo Jekyll Theme Sass includes.
2
2
  @import "core/normalize";
3
3
  @import "core/navbar";
4
+ @import "core/sticky_tab_bar";
5
+ @import "core/documentation";
4
6
  @import "core/theme";
5
7
  @import "core/breadcrumb";
6
8
  @import "core/jumbotron";
data/_sass/core/blog.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  max-height: 400px;
11
11
  height: 100%;
12
12
  object-fit: cover;
13
+ font-family: "object-fit: cover;";
13
14
  }
14
15
  }
15
16
  }
@@ -18,8 +19,10 @@
18
19
  height: 200px;
19
20
  overflow: hidden;
20
21
  object-fit: cover;
21
- .header_background_image.lazyloaded {
22
+ font-family: "object-fit: cover;";
23
+ .header_background_image {
22
24
  object-fit: cover;
25
+ font-family: "object-fit: cover;";
23
26
  object-position: 50% 50% !important;
24
27
  height: 200px;
25
28
  width: 100vw;
@@ -169,6 +172,7 @@
169
172
  height: 100px;
170
173
  transition: all 100ms ease-out;
171
174
  object-fit: cover;
175
+ font-family: "object-fit: cover;";
172
176
  &:hover {
173
177
  transform: rotate(-5deg);
174
178
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
@@ -212,6 +216,7 @@
212
216
  height: 150px;
213
217
  width: 100%;
214
218
  object-fit: cover;
219
+ font-family: "object-fit: cover;";
215
220
  }
216
221
  &:after {
217
222
  content: "";
@@ -1,18 +1,41 @@
1
1
  #wrapper {
2
- #breadcrumb {
3
- background-color: $breadcrumb_bg_color;
4
- h1 {
5
- margin-top:0px;
6
- margin-bottom:0px;
7
- padding-top:10px;
8
- }
2
+ #breadcrumb {
3
+ background-color: $breadcrumb_bg_color;
4
+ &.breadcrumb_bg {
5
+ position: relative;
6
+ img.breadcrumb_image {
7
+ position: absolute;
8
+ height: 100%;
9
+ width: 100%;
10
+ object-fit: cover;
11
+ font-family: "object-fit: cover;";
12
+ filter: brightness(0.8);
13
+ z-index: 0;
14
+ }
15
+ .container {
16
+ z-index: 1;
17
+ position: relative;
9
18
  ol {
10
- background-color: $breadcrumb_bg_color;
11
- padding-left:0px;
12
- li:not(:first-child)::before {
13
- content: "\00bb\00a0";
14
- padding-left:5px;
15
- }
19
+ background-color: transparent;
20
+ color: white;
21
+ }
22
+ h1 {
23
+ color: white;
16
24
  }
25
+ }
26
+ }
27
+ h1 {
28
+ margin-top: 0px;
29
+ margin-bottom: 0px;
30
+ padding-top: 10px;
31
+ }
32
+ ol {
33
+ background-color: $breadcrumb_bg_color;
34
+ padding-left: 0px;
35
+ li:not(:first-child)::before {
36
+ content: "\00bb\00a0";
37
+ padding-left: 5px;
38
+ }
17
39
  }
40
+ }
18
41
  }