intia-theme 0.1.39 → 0.1.42
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/_includes/callouts.html +34 -0
- data/_includes/header.html +5 -2
- data/_includes/toc.html +182 -0
- data/_sass/_layout.scss +262 -2
- data/_sass/_main.scss +0 -188
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2bf819690b82737ba9eb31e3ecc258a0dbfd549ab48db098f4b5e4eacc144c10
|
|
4
|
+
data.tar.gz: 6aadd041b3aaf27b1287ff5e39fc50acdad2c9cf2a523edf02690873dea45609
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 39f0a395f0f0621a4300067663d97b9fddd40319288f893e9d262dc5caf33a592000906a9d0297a829db9371aafe75266b3356024a481a38a6b2a226ddc54593
|
|
7
|
+
data.tar.gz: 29e85be211c1c5836612d2fcfd95460e920f7bbfd138878c0f63228b22fedd58611c86e204c9e69b09a0e27a98a517987be15710c6553f77337382fff3da5534
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{% assign callouts=site.data.[include.data] %}
|
|
2
|
+
<div class="container">
|
|
3
|
+
<div class="columns is-multiline is-centered">
|
|
4
|
+
{% for callout in callouts.items %}
|
|
5
|
+
<div class="column is-4 has-text-centered">
|
|
6
|
+
{% if callout.icon %}
|
|
7
|
+
<div class="icon callout-icon">
|
|
8
|
+
{% if callout.icon_brand %}
|
|
9
|
+
<i class="with-zone fab {{ callout.icon }} fa-4x"></i>
|
|
10
|
+
{% else %}
|
|
11
|
+
<i class="with-zone fas {{ callout.icon }} fa-4x"></i>
|
|
12
|
+
{% endif %}
|
|
13
|
+
</div>
|
|
14
|
+
{% endif %}
|
|
15
|
+
<p class="title is-5">{{ callout.title }}</p>
|
|
16
|
+
{% if callout.subtitle %}
|
|
17
|
+
<p class="subtitle is-5">{{ callout.subtitle }}</p>
|
|
18
|
+
{% endif %}
|
|
19
|
+
{% if callout.description %}
|
|
20
|
+
<div class="content">
|
|
21
|
+
<p>{{ callout.description | newline_to_br }}</p>
|
|
22
|
+
</div>
|
|
23
|
+
{% endif %}
|
|
24
|
+
|
|
25
|
+
{% if callout.call_to_action_name %}
|
|
26
|
+
<a href="{{ callout.call_to_action_link | relative_url }}" class="button is-primary">
|
|
27
|
+
{{ callout.call_to_action_name }}
|
|
28
|
+
</a>
|
|
29
|
+
{% endif %}
|
|
30
|
+
</div>
|
|
31
|
+
{% endfor %}
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
data/_includes/header.html
CHANGED
|
@@ -34,8 +34,11 @@
|
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
36
|
{% else %}
|
|
37
|
-
<
|
|
38
|
-
class="navbar-item has-text-left button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">
|
|
37
|
+
<div
|
|
38
|
+
class="navbar-item has-text-left button is-rounded is-dark has-no-dropdown is-hoverable {% if item.link == page.url %} is-active {% endif %}">
|
|
39
|
+
<a href="{{ item.link | relative_url }}"
|
|
40
|
+
class="navbar-link is-arrowless ">{{ item.name }}</a>
|
|
41
|
+
</div>
|
|
39
42
|
{% endif %}
|
|
40
43
|
{% endfor %}
|
|
41
44
|
{% endif %}
|
data/_includes/toc.html
ADDED
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
{% capture tocWorkspace %}
|
|
2
|
+
{% comment %}
|
|
3
|
+
Copyright (c) 2017 Vladimir "allejo" Jimenez
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person
|
|
6
|
+
obtaining a copy of this software and associated documentation
|
|
7
|
+
files (the "Software"), to deal in the Software without
|
|
8
|
+
restriction, including without limitation the rights to use,
|
|
9
|
+
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
copies of the Software, and to permit persons to whom the
|
|
11
|
+
Software is furnished to do so, subject to the following
|
|
12
|
+
conditions:
|
|
13
|
+
|
|
14
|
+
The above copyright notice and this permission notice shall be
|
|
15
|
+
included in all copies or substantial portions of the Software.
|
|
16
|
+
|
|
17
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
18
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
|
19
|
+
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
20
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
|
21
|
+
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
22
|
+
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
23
|
+
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
|
24
|
+
OTHER DEALINGS IN THE SOFTWARE.
|
|
25
|
+
{% endcomment %}
|
|
26
|
+
{% comment %}
|
|
27
|
+
Version 1.2.0
|
|
28
|
+
https://github.com/allejo/jekyll-toc
|
|
29
|
+
|
|
30
|
+
"...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
|
|
31
|
+
|
|
32
|
+
Usage:
|
|
33
|
+
{% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
|
|
34
|
+
|
|
35
|
+
Parameters:
|
|
36
|
+
* html (string) - the HTML of compiled markdown generated by kramdown in Jekyll
|
|
37
|
+
|
|
38
|
+
Optional Parameters:
|
|
39
|
+
* sanitize (bool) : false - when set to true, the headers will be stripped of any HTML in the TOC
|
|
40
|
+
* class (string) : '' - a CSS class assigned to the TOC
|
|
41
|
+
* id (string) : '' - an ID to assigned to the TOC
|
|
42
|
+
* h_min (int) : 1 - the minimum TOC header level to use; any header lower than this value will be ignored
|
|
43
|
+
* h_max (int) : 6 - the maximum TOC header level to use; any header greater than this value will be ignored
|
|
44
|
+
* ordered (bool) : false - when set to true, an ordered list will be outputted instead of an unordered list
|
|
45
|
+
* item_class (string) : '' - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
|
|
46
|
+
* submenu_class (string) : '' - add custom class(es) for each child group of headings; has support for '%level%' placeholder which is the current "submenu" heading level
|
|
47
|
+
* base_url (string) : '' - add a base url to the TOC links for when your TOC is on another page than the actual content
|
|
48
|
+
* anchor_class (string) : '' - add custom class(es) for each anchor element
|
|
49
|
+
* skip_no_ids (bool) : false - skip headers that do not have an `id` attribute
|
|
50
|
+
|
|
51
|
+
Output:
|
|
52
|
+
An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
|
|
53
|
+
generate the table of contents and will NOT output the markdown given to it
|
|
54
|
+
{% endcomment %}
|
|
55
|
+
|
|
56
|
+
{% capture newline %}
|
|
57
|
+
{% endcapture %}
|
|
58
|
+
{% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
|
|
59
|
+
|
|
60
|
+
{% capture deprecation_warnings %}{% endcapture %}
|
|
61
|
+
|
|
62
|
+
{% if include.baseurl %}
|
|
63
|
+
{% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
|
|
64
|
+
{% endif %}
|
|
65
|
+
|
|
66
|
+
{% if include.skipNoIDs %}
|
|
67
|
+
{% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
|
|
68
|
+
{% endif %}
|
|
69
|
+
|
|
70
|
+
{% capture jekyll_toc %}{% endcapture %}
|
|
71
|
+
{% assign orderedList = include.ordered | default: false %}
|
|
72
|
+
{% assign baseURL = include.base_url | default: include.baseurl | default: '' %}
|
|
73
|
+
{% assign skipNoIDs = include.skip_no_ids | default: include.skipNoIDs | default: false %}
|
|
74
|
+
{% assign minHeader = include.h_min | default: 1 %}
|
|
75
|
+
{% assign maxHeader = include.h_max | default: 6 %}
|
|
76
|
+
{% assign nodes = include.html | strip | split: '<h' %}
|
|
77
|
+
|
|
78
|
+
{% assign firstHeader = true %}
|
|
79
|
+
{% assign currLevel = 0 %}
|
|
80
|
+
{% assign lastLevel = 0 %}
|
|
81
|
+
|
|
82
|
+
{% capture listModifier %}{% if orderedList %}ol{% else %}ul{% endif %}{% endcapture %}
|
|
83
|
+
|
|
84
|
+
{% for node in nodes %}
|
|
85
|
+
{% if node == "" %}
|
|
86
|
+
{% continue %}
|
|
87
|
+
{% endif %}
|
|
88
|
+
|
|
89
|
+
{% assign currLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
|
|
90
|
+
|
|
91
|
+
{% if currLevel < minHeader or currLevel > maxHeader %}
|
|
92
|
+
{% continue %}
|
|
93
|
+
{% endif %}
|
|
94
|
+
|
|
95
|
+
{% assign _workspace = node | split: '</h' %}
|
|
96
|
+
|
|
97
|
+
{% assign _idWorkspace = _workspace[0] | split: 'id="' %}
|
|
98
|
+
{% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
|
|
99
|
+
{% assign htmlID = _idWorkspace[0] %}
|
|
100
|
+
|
|
101
|
+
{% assign _classWorkspace = _workspace[0] | split: 'class="' %}
|
|
102
|
+
{% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
|
|
103
|
+
{% assign htmlClass = _classWorkspace[0] %}
|
|
104
|
+
|
|
105
|
+
{% if htmlClass contains "no_toc" %}
|
|
106
|
+
{% continue %}
|
|
107
|
+
{% endif %}
|
|
108
|
+
|
|
109
|
+
{% if firstHeader %}
|
|
110
|
+
{% assign minHeader = currLevel %}
|
|
111
|
+
{% endif %}
|
|
112
|
+
|
|
113
|
+
{% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
|
|
114
|
+
{% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
|
|
115
|
+
|
|
116
|
+
{% if include.item_class and include.item_class != blank %}
|
|
117
|
+
{% capture listItemClass %} class="{{ include.item_class | replace: '%level%', currLevel | split: '.' | join: ' ' }}"{% endcapture %}
|
|
118
|
+
{% endif %}
|
|
119
|
+
|
|
120
|
+
{% if include.submenu_class and include.submenu_class != blank %}
|
|
121
|
+
{% assign subMenuLevel = currLevel | minus: 1 %}
|
|
122
|
+
{% capture subMenuClass %} class="{{ include.submenu_class | replace: '%level%', subMenuLevel | split: '.' | join: ' ' }}"{% endcapture %}
|
|
123
|
+
{% endif %}
|
|
124
|
+
|
|
125
|
+
{% capture anchorBody %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
|
|
126
|
+
|
|
127
|
+
{% if htmlID %}
|
|
128
|
+
{% capture anchorAttributes %} href="{% if baseURL %}{{ baseURL }}{% endif %}#{{ htmlID }}"{% endcapture %}
|
|
129
|
+
|
|
130
|
+
{% if include.anchor_class %}
|
|
131
|
+
{% capture anchorAttributes %}{{ anchorAttributes }} class="{{ include.anchor_class | split: '.' | join: ' ' }}"{% endcapture %}
|
|
132
|
+
{% endif %}
|
|
133
|
+
|
|
134
|
+
{% capture listItem %}<a{{ anchorAttributes }}>{{ anchorBody }}</a>{% endcapture %}
|
|
135
|
+
{% elsif skipNoIDs == true %}
|
|
136
|
+
{% continue %}
|
|
137
|
+
{% else %}
|
|
138
|
+
{% capture listItem %}{{ anchorBody }}{% endcapture %}
|
|
139
|
+
{% endif %}
|
|
140
|
+
|
|
141
|
+
{% if currLevel > lastLevel %}
|
|
142
|
+
{% capture jekyll_toc %}{{ jekyll_toc }}<{{ listModifier }}{{ subMenuClass }}>{% endcapture %}
|
|
143
|
+
{% elsif currLevel < lastLevel %}
|
|
144
|
+
{% assign repeatCount = lastLevel | minus: currLevel %}
|
|
145
|
+
|
|
146
|
+
{% for i in (1..repeatCount) %}
|
|
147
|
+
{% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
|
|
148
|
+
{% endfor %}
|
|
149
|
+
|
|
150
|
+
{% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
|
|
151
|
+
{% else %}
|
|
152
|
+
{% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
|
|
153
|
+
{% endif %}
|
|
154
|
+
|
|
155
|
+
{% capture jekyll_toc %}{{ jekyll_toc }}<li{{ listItemClass }}>{{ listItem }}{% endcapture %}
|
|
156
|
+
|
|
157
|
+
{% assign lastLevel = currLevel %}
|
|
158
|
+
{% assign firstHeader = false %}
|
|
159
|
+
{% endfor %}
|
|
160
|
+
|
|
161
|
+
{% assign repeatCount = minHeader | minus: 1 %}
|
|
162
|
+
{% assign repeatCount = lastLevel | minus: repeatCount %}
|
|
163
|
+
{% for i in (1..repeatCount) %}
|
|
164
|
+
{% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
|
|
165
|
+
{% endfor %}
|
|
166
|
+
|
|
167
|
+
{% if jekyll_toc != '' %}
|
|
168
|
+
{% assign rootAttributes = '' %}
|
|
169
|
+
{% if include.class and include.class != blank %}
|
|
170
|
+
{% capture rootAttributes %} class="{{ include.class | split: '.' | join: ' ' }}"{% endcapture %}
|
|
171
|
+
{% endif %}
|
|
172
|
+
|
|
173
|
+
{% if include.id and include.id != blank %}
|
|
174
|
+
{% capture rootAttributes %}{{ rootAttributes }} id="{{ include.id }}"{% endcapture %}
|
|
175
|
+
{% endif %}
|
|
176
|
+
|
|
177
|
+
{% if rootAttributes %}
|
|
178
|
+
{% assign nodes = jekyll_toc | split: '>' %}
|
|
179
|
+
{% capture jekyll_toc %}<{{ listModifier }}{{ rootAttributes }}>{{ nodes | shift | join: '>' }}>{% endcapture %}
|
|
180
|
+
{% endif %}
|
|
181
|
+
{% endif %}
|
|
182
|
+
{% endcapture %}{% assign tocWorkspace = '' %}{{ deprecation_warnings }}{{ jekyll_toc -}}
|
data/_sass/_layout.scss
CHANGED
|
@@ -1,3 +1,200 @@
|
|
|
1
|
+
//$navbar-box-shadow-color: transparent;
|
|
2
|
+
// Bulma
|
|
3
|
+
@import "../node_modules/bulma/bulma.sass";
|
|
4
|
+
// Extensions
|
|
5
|
+
@import "../node_modules/bulma-block-list/src/block-list.scss";
|
|
6
|
+
@import "../node_modules/@creativebulma/bulma-tooltip/src/sass/index.sass";
|
|
7
|
+
// Bulma Config
|
|
8
|
+
$column-gap: 1rem;
|
|
9
|
+
$modal-content-width: 800px;
|
|
10
|
+
$tabs-link-active-color: $primary;
|
|
11
|
+
$tabs-link-active-border-bottom-color: $primary;
|
|
12
|
+
// Global
|
|
13
|
+
html {
|
|
14
|
+
scroll-behavior: smooth;
|
|
15
|
+
}
|
|
16
|
+
body {
|
|
17
|
+
font-size: 1.5rem;
|
|
18
|
+
line-height: 2.25rem;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
h1,
|
|
22
|
+
h2,
|
|
23
|
+
h3,
|
|
24
|
+
p {
|
|
25
|
+
padding-bottom: 30px;
|
|
26
|
+
}
|
|
27
|
+
h1,
|
|
28
|
+
h2 {
|
|
29
|
+
padding-top: 90px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.card h1,
|
|
33
|
+
.card h2,
|
|
34
|
+
.card p,
|
|
35
|
+
.slider h1,
|
|
36
|
+
.slider h2,
|
|
37
|
+
.slider p {
|
|
38
|
+
padding-top: 0;
|
|
39
|
+
padding-bottom: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
h1,
|
|
43
|
+
h1 p {
|
|
44
|
+
font-size: 48px;
|
|
45
|
+
line-height: 72px;
|
|
46
|
+
font-weight: 600;
|
|
47
|
+
text-align: center;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.green h1,
|
|
51
|
+
.green h1 p {
|
|
52
|
+
text-align: left;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
h2,
|
|
56
|
+
h2 p {
|
|
57
|
+
font-size: 36px;
|
|
58
|
+
font-weight: 600;
|
|
59
|
+
text-align: left;
|
|
60
|
+
background-repeat: no-repeat;
|
|
61
|
+
background-size: auto 35px;
|
|
62
|
+
font-family: "Verdana", sans-serif;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
h3 {
|
|
66
|
+
font-weight: 600;
|
|
67
|
+
font-size: 1.7rem;
|
|
68
|
+
padding-top: 50px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
h4 {
|
|
72
|
+
font-size: 1rem;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
h5 {
|
|
76
|
+
font-size: 0.83rem;
|
|
77
|
+
}
|
|
78
|
+
ul {
|
|
79
|
+
list-style-type: disc;
|
|
80
|
+
padding-left: 1em;
|
|
81
|
+
}
|
|
82
|
+
// Button Animation + Gleiche Breite
|
|
83
|
+
.button {
|
|
84
|
+
// Schrifft
|
|
85
|
+
font-size: 1.31rem !important;
|
|
86
|
+
font-weight: 600;
|
|
87
|
+
// Animation
|
|
88
|
+
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
89
|
+
transition-property: background-color, transform;
|
|
90
|
+
transition-duration: 0.3s;
|
|
91
|
+
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
92
|
+
-webkit-transition-property: background-color, transform;
|
|
93
|
+
-webkit-transition-duration: 0.3s;
|
|
94
|
+
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
95
|
+
-o-transition-property: background-color, transform;
|
|
96
|
+
-o-transition-duration: 0.3s;
|
|
97
|
+
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
98
|
+
-moz-transition-property: background-color, transform;
|
|
99
|
+
-moz-transition-duration: 0.3s;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.button a,
|
|
103
|
+
.button span {
|
|
104
|
+
// Schrifft
|
|
105
|
+
font-size: 16px !important;
|
|
106
|
+
font-weight: 600;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.navbar-menu .button,
|
|
110
|
+
.navbar-dropdown .button {
|
|
111
|
+
// Buttongröße aus Figma
|
|
112
|
+
width: 180px;
|
|
113
|
+
height: 47px;
|
|
114
|
+
}
|
|
115
|
+
.navbar-item.has-no-dropdown {
|
|
116
|
+
padding: 0;
|
|
117
|
+
}
|
|
118
|
+
.navbar.is-primary .navbar-item.has-no-dropdown .navbar-link:hover,
|
|
119
|
+
.navbar.is-primary .navbar-item.has-no-dropdown .navbar-link.is-active {
|
|
120
|
+
background-color: transparent;
|
|
121
|
+
color: #fff;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
// z.B. "Mehr über Intia" Button
|
|
125
|
+
.button.is-dark:hover,
|
|
126
|
+
.button.is-dark.is-hovered {
|
|
127
|
+
border-width: 1px;
|
|
128
|
+
background-color: $dark;
|
|
129
|
+
border-color: transparent;
|
|
130
|
+
color: white;
|
|
131
|
+
}
|
|
132
|
+
@include desktop {
|
|
133
|
+
.navbar-menu .button.is-dark:hover.has-dropdown,
|
|
134
|
+
.navbar-menu .button.is-dark.is-hovered.has-dropdown {
|
|
135
|
+
background-color: $primary-dark;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
.is-active-header {
|
|
139
|
+
background-color: $dark !important;
|
|
140
|
+
}
|
|
141
|
+
@include mobile {
|
|
142
|
+
.is-active-header {
|
|
143
|
+
background-color: transparent !important;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
// Dropdownmenüelemente
|
|
147
|
+
.navbar-dropdown,
|
|
148
|
+
.navbar-item:focus,
|
|
149
|
+
.navbar-dropdown a.navbar-item:focus,
|
|
150
|
+
.navbar-dropdown a.navbar-item:hover {
|
|
151
|
+
background-color: $dark;
|
|
152
|
+
border-width: 2px;
|
|
153
|
+
color: white;
|
|
154
|
+
}
|
|
155
|
+
.navbar.is-primary .navbar-start .navbar-item:hover .navbar-link::after,
|
|
156
|
+
.navbar.is-primary .navbar-end .navbar-item:hover .navbar-link::after {
|
|
157
|
+
transform: rotate(135deg);
|
|
158
|
+
margin-top: 0;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
// Dropdownmenühintergrund und Rand
|
|
162
|
+
.navbar-dropdown {
|
|
163
|
+
border-top: transparent;
|
|
164
|
+
background-color: transparent;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
// Navbar Padding
|
|
168
|
+
.navbar-end.buttons {
|
|
169
|
+
padding-left: 0px;
|
|
170
|
+
padding-top: 15px;
|
|
171
|
+
font-weight: bold;
|
|
172
|
+
}
|
|
173
|
+
// Logo Padding
|
|
174
|
+
.navbar-item {
|
|
175
|
+
//padding-top: 21px;
|
|
176
|
+
}
|
|
177
|
+
.navbar-dropdown {
|
|
178
|
+
display: none;
|
|
179
|
+
}
|
|
180
|
+
.button.is-dark.has-dropdown:hover .navbar-dropdown,
|
|
181
|
+
.button.is-dark.is-hovered.has-dropdown .navbar-dropdown {
|
|
182
|
+
display: block;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.footer {
|
|
186
|
+
background-color: $primary-dark;
|
|
187
|
+
color: white;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.link {
|
|
191
|
+
color: $primary;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.footer .link {
|
|
195
|
+
color: white;
|
|
196
|
+
}
|
|
197
|
+
|
|
1
198
|
.is-outlined {
|
|
2
199
|
border-width: 2px;
|
|
3
200
|
border-color: $primary-dark;
|
|
@@ -517,12 +714,10 @@ figcaption {
|
|
|
517
714
|
.highlighter img.with-zone {
|
|
518
715
|
width: 100%;
|
|
519
716
|
float: none;
|
|
520
|
-
border-radius: 0;
|
|
521
717
|
}
|
|
522
718
|
.highlighter .column {
|
|
523
719
|
padding-top: 2rem;
|
|
524
720
|
padding-bottom: 2rem;
|
|
525
|
-
text-align: center;
|
|
526
721
|
}
|
|
527
722
|
.highlighter .column .button.highlighter-column-button {
|
|
528
723
|
margin-top: 1em;
|
|
@@ -778,6 +973,71 @@ a:hover .tooltip-popup,
|
|
|
778
973
|
margin: auto;
|
|
779
974
|
}
|
|
780
975
|
|
|
976
|
+
// Tables
|
|
977
|
+
.tb {
|
|
978
|
+
border-collapse: collapse;
|
|
979
|
+
}
|
|
980
|
+
.tb th,
|
|
981
|
+
.tb td {
|
|
982
|
+
padding: 5px;
|
|
983
|
+
border-bottom: solid 1px $primary-dark;
|
|
984
|
+
}
|
|
985
|
+
.tb th {
|
|
986
|
+
font-weight: bold;
|
|
987
|
+
padding-right: 2em;
|
|
988
|
+
}
|
|
989
|
+
|
|
990
|
+
//FAQ Box
|
|
991
|
+
div.faq {
|
|
992
|
+
position: relative;
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
.faq input[type="checkbox"] {
|
|
996
|
+
position: absolute;
|
|
997
|
+
top: 0;
|
|
998
|
+
left: 0;
|
|
999
|
+
width: 100%;
|
|
1000
|
+
height: 100%;
|
|
1001
|
+
opacity: 0;
|
|
1002
|
+
}
|
|
1003
|
+
.faq label {
|
|
1004
|
+
cursor: pointer;
|
|
1005
|
+
}
|
|
1006
|
+
.faq label {
|
|
1007
|
+
position: relative;
|
|
1008
|
+
display: block;
|
|
1009
|
+
padding-left: 30px;
|
|
1010
|
+
}
|
|
1011
|
+
.faq label::before {
|
|
1012
|
+
content: "";
|
|
1013
|
+
position: absolute;
|
|
1014
|
+
width: 0;
|
|
1015
|
+
height: 0;
|
|
1016
|
+
top: 50%;
|
|
1017
|
+
left: 10px;
|
|
1018
|
+
border-left: 8px solid black;
|
|
1019
|
+
border-top: 8px solid transparent;
|
|
1020
|
+
border-bottom: 8px solid transparent;
|
|
1021
|
+
margin-top: -8px;
|
|
1022
|
+
}
|
|
1023
|
+
.faq input[type="checkbox"]:checked ~ h2 label::before {
|
|
1024
|
+
border-left: 8px solid transparent;
|
|
1025
|
+
border-top: 8px solid black;
|
|
1026
|
+
border-right: 8px solid transparent;
|
|
1027
|
+
margin-left: -4px;
|
|
1028
|
+
margin-top: -4px;
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
.faq p {
|
|
1032
|
+
max-height: 0;
|
|
1033
|
+
overflow: hidden;
|
|
1034
|
+
padding-left: 30px;
|
|
1035
|
+
transition: max-height 0.4s ease;
|
|
1036
|
+
}
|
|
1037
|
+
.faq input[type="checkbox"]:checked ~ h2 ~ p {
|
|
1038
|
+
max-height: 80px;
|
|
1039
|
+
}
|
|
1040
|
+
|
|
781
1041
|
// Mobil
|
|
782
1042
|
|
|
783
1043
|
@include mobile {
|
data/_sass/_main.scss
CHANGED
|
@@ -11,194 +11,6 @@ $title-color: #000 !default;
|
|
|
11
11
|
$light: #e7f2ea;
|
|
12
12
|
$primary-dark: #1e7d73;
|
|
13
13
|
$dark: #09443e;
|
|
14
|
-
//$navbar-box-shadow-color: transparent;
|
|
15
|
-
// Bulma
|
|
16
|
-
@import "../node_modules/bulma/bulma.sass";
|
|
17
|
-
// Extensions
|
|
18
|
-
@import "../node_modules/bulma-block-list/src/block-list.scss";
|
|
19
|
-
@import "../node_modules/@creativebulma/bulma-tooltip/src/sass/index.sass";
|
|
20
|
-
// Bulma Config
|
|
21
|
-
$column-gap: 1rem;
|
|
22
|
-
$modal-content-width: 800px;
|
|
23
|
-
$tabs-link-active-color: $primary;
|
|
24
|
-
$tabs-link-active-border-bottom-color: $primary;
|
|
25
|
-
// Global
|
|
26
|
-
html {
|
|
27
|
-
scroll-behavior: smooth;
|
|
28
|
-
}
|
|
29
|
-
body {
|
|
30
|
-
font-size: 1.5rem;
|
|
31
|
-
line-height: 2.25rem;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
h1,
|
|
35
|
-
h2,
|
|
36
|
-
h3,
|
|
37
|
-
p {
|
|
38
|
-
padding-bottom: 30px;
|
|
39
|
-
}
|
|
40
|
-
h1,
|
|
41
|
-
h2 {
|
|
42
|
-
padding-top: 90px;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.card h1,
|
|
46
|
-
.card h2,
|
|
47
|
-
.card p,
|
|
48
|
-
.slider h1,
|
|
49
|
-
.slider h2,
|
|
50
|
-
.slider p {
|
|
51
|
-
padding-top: 0;
|
|
52
|
-
padding-bottom: 0;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
h1,
|
|
56
|
-
h1 p {
|
|
57
|
-
font-size: 48px;
|
|
58
|
-
line-height: 72px;
|
|
59
|
-
font-weight: 600;
|
|
60
|
-
text-align: center;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.green h1,
|
|
64
|
-
.green h1 p {
|
|
65
|
-
text-align: left;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
h2,
|
|
69
|
-
h2 p {
|
|
70
|
-
font-size: 36px;
|
|
71
|
-
font-weight: 600;
|
|
72
|
-
text-align: left;
|
|
73
|
-
background-repeat: no-repeat;
|
|
74
|
-
background-size: auto 35px;
|
|
75
|
-
font-family: "Verdana", sans-serif;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
h3 {
|
|
79
|
-
font-weight: 600;
|
|
80
|
-
font-size: 1.7rem;
|
|
81
|
-
padding-top: 50px;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
h4 {
|
|
85
|
-
font-size: 1rem;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
h5 {
|
|
89
|
-
font-size: 0.83rem;
|
|
90
|
-
}
|
|
91
|
-
ul {
|
|
92
|
-
list-style-type: disc;
|
|
93
|
-
padding-left: 1em;
|
|
94
|
-
}
|
|
95
|
-
// Button Animation + Gleiche Breite
|
|
96
|
-
.button {
|
|
97
|
-
// Schrifft
|
|
98
|
-
font-size: 1.31rem !important;
|
|
99
|
-
font-weight: 600;
|
|
100
|
-
// Animation
|
|
101
|
-
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
102
|
-
transition-property: background-color, transform;
|
|
103
|
-
transition-duration: 0.3s;
|
|
104
|
-
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
105
|
-
-webkit-transition-property: background-color, transform;
|
|
106
|
-
-webkit-transition-duration: 0.3s;
|
|
107
|
-
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
108
|
-
-o-transition-property: background-color, transform;
|
|
109
|
-
-o-transition-duration: 0.3s;
|
|
110
|
-
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
111
|
-
-moz-transition-property: background-color, transform;
|
|
112
|
-
-moz-transition-duration: 0.3s;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.button a,
|
|
116
|
-
.button span {
|
|
117
|
-
// Schrifft
|
|
118
|
-
font-size: 16px !important;
|
|
119
|
-
font-weight: 600;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.navbar-menu .button,
|
|
123
|
-
.navbar-dropdown .button {
|
|
124
|
-
// Buttongröße aus Figma
|
|
125
|
-
width: 180px;
|
|
126
|
-
height: 47px;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
// z.B. "Mehr über Intia" Button
|
|
130
|
-
.button.is-dark:hover,
|
|
131
|
-
.button.is-dark.is-hovered {
|
|
132
|
-
border-width: 1px;
|
|
133
|
-
background-color: $dark;
|
|
134
|
-
border-color: transparent;
|
|
135
|
-
color: white;
|
|
136
|
-
}
|
|
137
|
-
@include desktop {
|
|
138
|
-
.navbar-menu .button.is-dark:hover.has-dropdown,
|
|
139
|
-
.navbar-menu .button.is-dark.is-hovered.has-dropdown {
|
|
140
|
-
background-color: $primary-dark;
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
.is-active-header {
|
|
144
|
-
background-color: $dark !important;
|
|
145
|
-
}
|
|
146
|
-
@include mobile {
|
|
147
|
-
.is-active-header {
|
|
148
|
-
background-color: transparent !important;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
// Dropdownmenüelemente
|
|
152
|
-
.navbar-dropdown,
|
|
153
|
-
.navbar-item:focus,
|
|
154
|
-
.navbar-dropdown a.navbar-item:focus,
|
|
155
|
-
.navbar-dropdown a.navbar-item:hover {
|
|
156
|
-
background-color: $dark;
|
|
157
|
-
border-width: 2px;
|
|
158
|
-
color: white;
|
|
159
|
-
}
|
|
160
|
-
.navbar.is-primary .navbar-start .navbar-item:hover .navbar-link::after,
|
|
161
|
-
.navbar.is-primary .navbar-end .navbar-item:hover .navbar-link::after {
|
|
162
|
-
transform: rotate(135deg);
|
|
163
|
-
margin-top: 0;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
// Dropdownmenühintergrund und Rand
|
|
167
|
-
.navbar-dropdown {
|
|
168
|
-
border-top: transparent;
|
|
169
|
-
background-color: transparent;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
// Navbar Padding
|
|
173
|
-
.navbar-end.buttons {
|
|
174
|
-
padding-left: 0px;
|
|
175
|
-
padding-top: 15px;
|
|
176
|
-
font-weight: bold;
|
|
177
|
-
}
|
|
178
|
-
// Logo Padding
|
|
179
|
-
.navbar-item {
|
|
180
|
-
//padding-top: 21px;
|
|
181
|
-
}
|
|
182
|
-
.navbar-dropdown {
|
|
183
|
-
display: none;
|
|
184
|
-
}
|
|
185
|
-
.button.is-dark.has-dropdown:hover .navbar-dropdown,
|
|
186
|
-
.button.is-dark.is-hovered.has-dropdown .navbar-dropdown {
|
|
187
|
-
display: block;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.footer {
|
|
191
|
-
background-color: $primary-dark;
|
|
192
|
-
color: white;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.link {
|
|
196
|
-
color: $primary;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.footer .link {
|
|
200
|
-
color: white;
|
|
201
|
-
}
|
|
202
14
|
|
|
203
15
|
// Specific styles
|
|
204
16
|
@import "layout";
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: intia-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.42
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Marc Schmidt
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-
|
|
11
|
+
date: 2022-03-03 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -34,6 +34,7 @@ files:
|
|
|
34
34
|
- LICENSE
|
|
35
35
|
- README.md
|
|
36
36
|
- _includes/button.html
|
|
37
|
+
- _includes/callouts.html
|
|
37
38
|
- _includes/contact.html
|
|
38
39
|
- _includes/footer.html
|
|
39
40
|
- _includes/glossary.html
|
|
@@ -47,6 +48,7 @@ files:
|
|
|
47
48
|
- _includes/left-right-blocks.html
|
|
48
49
|
- _includes/stories.html
|
|
49
50
|
- _includes/story-slider.html
|
|
51
|
+
- _includes/toc.html
|
|
50
52
|
- _layouts/404.html
|
|
51
53
|
- _layouts/default.html
|
|
52
54
|
- _layouts/plattform.html
|