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.
- 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/flow/feature_block.html +3 -0
- data/_includes/js_bundles/vendor.html +1 -0
- data/_includes/nav/nav.html +24 -14
- data/_includes/nav/universal_nav.html +38 -8
- data/_layouts/documentation.html +19 -0
- data/_layouts/flow.html +3 -0
- data/_layouts/post.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 %}
|
|
@@ -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>
|
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,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
|
-
|
|
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="{{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 %}
|
data/_layouts/post.html
CHANGED
|
@@ -19,6 +19,9 @@ css_package: blog
|
|
|
19
19
|
{% picture header_image {{image_path}} --alt {{image_alt}} %}
|
|
20
20
|
<meta itemprop="image" content="{{image_path | absolute_url}}" />
|
|
21
21
|
</div>
|
|
22
|
+
{% else %}
|
|
23
|
+
{% assign image_path = page.image %}
|
|
24
|
+
<meta itemprop="image" content="{{image_path | absolute_url}}" />
|
|
22
25
|
{% endif %}
|
|
23
26
|
<div class="row">
|
|
24
27
|
<div class="container">
|
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
|
}
|