linaro-jekyll-theme 4.1.5 → 4.3.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (43) 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/_sass/app/overrides.scss +27 -9
  21. data/_sass/core.scss +2 -0
  22. data/_sass/core/blog.scss +6 -1
  23. data/_sass/core/breadcrumb.scss +36 -13
  24. data/_sass/core/carousel-header.scss +53 -61
  25. data/_sass/core/cookies.scss +104 -90
  26. data/_sass/core/documentation.scss +39 -0
  27. data/_sass/core/flow.scss +5 -0
  28. data/_sass/core/fontello.scss +180 -45
  29. data/_sass/core/footer.scss +58 -53
  30. data/_sass/core/jumbotron.scss +32 -31
  31. data/_sass/core/navbar.scss +171 -58
  32. data/_sass/core/sticky_tab_bar.scss +35 -0
  33. data/_sass/core/theme.scss +78 -46
  34. data/assets/fonts/fontello/fontello.eot +0 -0
  35. data/assets/fonts/fontello/fontello.svg +34 -0
  36. data/assets/fonts/fontello/fontello.ttf +0 -0
  37. data/assets/fonts/fontello/fontello.woff +0 -0
  38. data/assets/fonts/fontello/fontello.woff2 +0 -0
  39. data/assets/images/breadcrumb-banner.png +0 -0
  40. data/assets/js/app/main.js +156 -24
  41. data/assets/js/vendor/ofi.js +132 -0
  42. metadata +26 -19
  43. 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 %}
@@ -36,6 +36,9 @@
36
36
  {% if include.object.feature_block_content.buttons %}
37
37
  {% include flow/buttons.html object=include.object.feature_block_content.buttons %}
38
38
  {% endif %}
39
+ {% if include.object.feature_block_content.custom_include %}
40
+ {% include {{include.object.feature_block_content.custom_include}} object=include.object %}
41
+ {% endif %}
39
42
  </div>
40
43
  </div>
41
44
  </div>
@@ -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,52 @@
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="{{item.icon}}"></span>
59
+ </a>
60
+ {% endif %}
61
+ {% endfor %}
62
+ </li>
33
63
  </ul>
34
64
  </div>
35
65
  </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
  }