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.
- checksums.yaml +4 -4
- data/_config.yml +20 -0
- data/_data/nav.yml +18 -3
- data/_data/picture.yml +35 -5
- data/_data/sticky_tab_bar.yml +24 -0
- data/_data/universal_nav.yml +23 -10
- data/_includes/blog/post_search_fess.html +11 -0
- data/_includes/components/breadcrumb.html +5 -2
- data/_includes/components/cookie_manager.html +2 -2
- data/_includes/components/github_edit.html +5 -5
- data/_includes/components/head.html +4 -2
- data/_includes/components/jumbotron.html +30 -11
- data/_includes/components/sticky_tab_bar.html +76 -0
- data/_includes/js_bundles/vendor.html +1 -0
- data/_includes/nav/nav.html +24 -14
- data/_includes/nav/universal_nav.html +39 -8
- data/_layouts/documentation.html +19 -0
- data/_layouts/flow.html +3 -0
- data/_sass/app/overrides.scss +27 -9
- data/_sass/core.scss +2 -0
- data/_sass/core/blog.scss +6 -1
- data/_sass/core/breadcrumb.scss +36 -13
- data/_sass/core/carousel-header.scss +53 -61
- data/_sass/core/cookies.scss +104 -90
- data/_sass/core/documentation.scss +39 -0
- data/_sass/core/flow.scss +5 -0
- data/_sass/core/fontello.scss +180 -45
- data/_sass/core/footer.scss +58 -53
- data/_sass/core/jumbotron.scss +32 -31
- data/_sass/core/navbar.scss +171 -58
- data/_sass/core/sticky_tab_bar.scss +35 -0
- data/_sass/core/theme.scss +78 -46
- data/assets/fonts/fontello/fontello.eot +0 -0
- data/assets/fonts/fontello/fontello.svg +34 -0
- data/assets/fonts/fontello/fontello.ttf +0 -0
- data/assets/fonts/fontello/fontello.woff +0 -0
- data/assets/fonts/fontello/fontello.woff2 +0 -0
- data/assets/images/breadcrumb-banner.png +0 -0
- data/assets/js/app/main.js +156 -24
- data/assets/js/vendor/ofi.js +132 -0
- metadata +26 -19
- 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 %}
|
data/_includes/nav/nav.html
CHANGED
|
@@ -6,9 +6,16 @@
|
|
|
6
6
|
{% if current_page_url == "/" %}
|
|
7
7
|
{% assign current_page_url = "do-no-set"%}
|
|
8
8
|
{% endif %}
|
|
9
|
-
|
|
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
|
-
{%
|
|
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="
|
|
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}}">
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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}}">
|
|
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 %}
|
data/_sass/app/overrides.scss
CHANGED
|
@@ -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: #
|
|
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:
|
|
24
|
-
|
|
25
|
-
src: url(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
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
|
-
|
|
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: "";
|
data/_sass/core/breadcrumb.scss
CHANGED
|
@@ -1,18 +1,41 @@
|
|
|
1
1
|
#wrapper {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
}
|