elixir-toolkit-theme 1.15.0 → 1.16.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 042f0769bed3d7e742cc44c90084d883dd4dfe4d492af02b3992773131207e81
4
- data.tar.gz: 7c9bebf37ad56fe5a0b29bcc9cc0b49c2a26c503d4243e6ed06a1378d0c2748d
3
+ metadata.gz: e594bc835007894473c6ddf99303cb504e9185fc6941e9c623dffeaf7fcca1fe
4
+ data.tar.gz: fcaedf30964ced54fb8e46a052fc051ce60e636f0b74589bc8d321a38b9d655b
5
5
  SHA512:
6
- metadata.gz: 7a95aab9c9c173d31ed69db6a628fd55348363b2e8ca3de8d0bc1e7b6b1bcce4840b9f43f2e322b82f7a9fc0489f8413d1ccdc0c7980a6f1bf39b77c8a744b00
7
- data.tar.gz: cf3e6f629cca03308439fa04747aa4330c9881aa37e989f637e9d1baa7ce07d056aa8248f3156ca363d24b630b7a58ba063213f62b4566eb9a9b3e67bc73ccb3
6
+ metadata.gz: 385835a9201de2cf2d7dac08ec02b2811cb3b3d35cc42c28c350aab5f5366f5406fc8493dbf0371eeaa42fe2d3a2aa24f627a5a1a94f65fb7a439fbaf10d42cd
7
+ data.tar.gz: f8b225c028e67571f9e4df65a1038911650a63f20be7feeefaa36f3e3158481ed3bd5d89790954b7c9166507cfc3e4eaa3c49fb8c7e206e0df727d1f37830119
data/README.md CHANGED
@@ -104,7 +104,7 @@ This will start the docker container and serve the website locally. Make sure th
104
104
  - [Infectious Diseases Toolkit](https://www.infectious-diseases-toolkit.org/)
105
105
  - [Applied Bioinformatics and Biostatistics intranet page](https://intranet.psb.ugent.be/abb/)
106
106
  - [FAIRDOM](https://fair-dom.org/)
107
-
107
+ - [Australian BioCommons How-to-Guides](https://australianbiocommons.github.io/how-to-guides/)
108
108
 
109
109
  ## Used packages
110
110
 
@@ -1,12 +1,12 @@
1
1
  {%- assign alllogos = site.data.affiliations %}
2
- <div class="affiliation-tiles row row-cols-2 row-cols-sm-3 row-cols-md-4 g-5 my-3">
2
+ <div class="affiliation-tiles row row-cols-2 row-cols-sm-3 row-cols-md-4 g-4 my-3">
3
3
  {%- assign filtered_logos = alllogos | where: "type", include.type %}
4
4
  {%- for affiliation in filtered_logos %}
5
5
  {%- if affiliation.image_url and affiliation.expose == true %}
6
6
  <div class="col">
7
7
  <div class="card h-100 border-0">
8
- <div class="my-auto">
9
- {% if affiliation.url %}<a href="{{ affiliation.url }}">{% endif %}<img class="rounded" src="{{ affiliation.image_url | relative_url }}" alt="{{ affiliation.name }}">{%- if affiliation.url %}</a>{% endif %}
8
+ <div class="my-auto d-flex justify-content-center">
9
+ {% if affiliation.url %}<a class="w-100" href="{{ affiliation.url }}">{% endif %}<img class="rounded" src="{{ affiliation.image_url | relative_url }}" alt="{{ affiliation.name }}">{%- if affiliation.url %}</a>{% endif %}
10
10
  </div>
11
11
  </div>
12
12
  </div>
@@ -1,32 +1,48 @@
1
1
  {%- if page.contributors and page.contributors.size != 0 %}
2
- <span class="d-block h2-like fs-2 text-dark">Contributors</span>
2
+ <span class="d-block h2-like fs-2">Contributors</span>
3
3
  <div class="p-4 rounded mt-4 page-contributors">
4
4
  {%- assign contributors = site.data.CONTRIBUTORS %}
5
5
  {%- assign page_contributors = page.contributors | sort %}
6
6
  {%- for contributor in page_contributors %}
7
7
  {%- assign id = contributors[contributor].git | default: 'no_github' %}
8
8
  {%- capture html_code %}
9
- {%- assign stripped_name = contributor | replace: "'", " " %}
10
- <div class="d-flex justify-content-center">
11
- {%- if contributors[contributor].image_url %}
12
- <img class="img-fluid rounded-circle contributor-img" src="{{ contributors[contributor].image_url }}" alt="Avatar of the contributor {{ stripped_name }}">
13
- {%- else %}
14
- <img class="img-fluid rounded-circle contributor-img" src="https://avatars.githubusercontent.com/{{ id }}" alt="Avatar of the contributor {{ stripped_name }}">
15
- {%- endif %}
16
- </div>
17
- <div class="d-flex mt-3 justify-content-center">
18
- {%- if contributors[contributor].git %}
19
- <div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a></div>
20
- {%- endif %}
21
- {%- if contributors[contributor].email %}
22
- <div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a></div>
23
- {%- endif %}
24
- {%- if contributors[contributor].orcid %}
25
- <div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a></div>
9
+ {%- assign stripped_name = contributor | replace: "'", "" %}
10
+ <div class="card">
11
+ {%- assign id = contributors[contributor].git | default: 'no_github' %}
12
+ <div class="position-relative d-flex justify-content-center">
13
+ {%- if contributors[contributor].image_url %}
14
+ <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle contributor-img" alt="{{ stripped_name }}">
15
+ {%- else %}
16
+ <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle contributor-img" alt="{{ stripped_name }}">
17
+ {%- endif %}
18
+ {%- if contributors[contributor].role %}
19
+ <span class="badge position-absolute top-0 end-0">{{ contributors[contributor].role | capitalize }}</span>
20
+ {%- endif %}
21
+ </div>
22
+ <div class="card-body text-center py-0">
23
+ <p class="card-title">{{ stripped_name }}</p>
24
+ {%- if contributors[contributor].affiliation %}
25
+ <p class="card-affiliation">{{ contributors[contributor].affiliation | replace: "'", "’" }}</p>
26
+ {%- endif %}
27
+ </div>
28
+ {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
29
+ <div class="card-footer">
30
+ <div class="d-flex justify-content-center">
31
+ {%- if contributors[contributor].git %}
32
+ <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a></div>
33
+ {%- endif %}
34
+ {%- if contributors[contributor].email %}
35
+ <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a></div>
36
+ {%- endif %}
37
+ {%- if contributors[contributor].orcid %}
38
+ <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a></div>
39
+ {%- endif %}
40
+ </div>
41
+ </div>
26
42
  {%- endif %}
27
- </div>
43
+ </div>
28
44
  {%- endcapture %}
29
- <a tabindex="0" role="button" class="btn btn-sm contributor-link hover-primary m-1 position-relative" data-bs-trigger="focus" data-bs-html="true" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content='{{html_code}}' title="{{contributor}}">
45
+ <a tabindex="0" role="button" class="btn btn-sm contributor-link hover-primary m-1 position-relative" data-bs-html="true" data-bs-trigger="focus" data-bs-container="body" data-bs-template='<div class="popover shadow border-0 contributor-cards" role="tooltip"><div class="popover-body p-0"></div></div>' data-bs-toggle="popover" data-bs-placement="top" data-bs-content='{{html_code}}'>
30
46
  <div class="d-flex align-items-center">
31
47
  <div class="flex-shrink-0">
32
48
  {%- if contributors[contributor].image_url %}
data/_includes/image.html CHANGED
@@ -1,21 +1,21 @@
1
- <figure class="{% if {{include.inline}} == true %}my-0{% else %}my-4{%- endif %} {% if {{include.class}} %}{{include.class}}{%- endif %}"{% if {{include.max-width}} %}width={{include.max-width}}{%- endif %}>
1
+ <figure class="{% if include.inline == true %}my-0{% else %}my-4{%- endif %} {% if include.class %}{{include.class}}{%- endif %}" {% if include.max-width %}style="max-width:{{include.max-width}}"{% endif %}>
2
2
  {%- capture file_url -%}
3
3
  {{ "/images/" | append:include.file | relative_url }}
4
4
  {%- endcapture -%}
5
- {%- if {{include.url}} %}
5
+ {%- if include.url %}
6
6
  <a target="_blank" rel="noopener" href="{{include.url}}">
7
7
  {%- elsif {{include.click}} == true %}
8
8
  <a target="_blank" rel="noopener noreferrer" href="{{file_url}}">
9
9
  {%- endif %}
10
10
  <img src="{{file_url}}" alt="{{include.alt}}" class="figure-img img-fluid rounded"/>
11
- {%- if {{include.url}} or {{include.click}} == true %}
11
+ {%- if include.url or include.click == true %}
12
12
  </a>
13
13
  {%- endif %}
14
- {%- if {{include.caption}} %}
14
+ {%- if include.caption %}
15
15
  <figcaption class="figure-caption">
16
16
  {{include.caption}}
17
17
  </figcaption>
18
18
  {%- endif %}
19
- {%- if {{include.inline}} != true %}
19
+ {%- if include.inline != true %}
20
20
  </figure>
21
21
  {%- endif %}
data/_includes/news.html CHANGED
@@ -31,6 +31,6 @@
31
31
  {%- endfor %}
32
32
  </ul>
33
33
  {%- if include.caption == "true" %}
34
- <small>For more news please visit our <a href="/news">news page</a>.</small>
34
+ <small>For more news please visit our <a href="{{ '/news' | relative_url }}">news page</a>.</small>
35
35
  {%- endif %}
36
36
  </div>
@@ -7,4 +7,4 @@ $dark: #212529;
7
7
  /*-----Custom values for Bootstrap variables-----*/
8
8
  $link-decoration: none;
9
9
  $nav-link-color: $dark;
10
- $nav-link-hover-color: $primary;
10
+ $nav-link-hover-color: $primary;
@@ -1,70 +0,0 @@
1
- /*-----General styling-----*/
2
- $font-family-theme: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
3
- $h2-color: $primary;
4
-
5
- /*-----Buttons hover style-----*/
6
- $btn-primary-bg-hover: $primary;
7
- $btn-primary-color-hover: $white;
8
-
9
- /*-----Top navigation-----*/
10
- $topnav-bg: $light;
11
- $topnav-title-color: $primary;
12
- $topnav-brand-height: 44px;
13
-
14
- /*-----Search-----*/
15
- $search-result-color: $primary;
16
-
17
- /*-----Sidebar-----*/
18
- $sidebar-bg: $light;
19
- $sidebar-color: $dark;
20
- $sidebar-lvl2-bg: $white;
21
- $sidebar-lvl2-color: $dark;
22
- $sidebar-lvl3-bg: $white;
23
- $sidebar-lvl3-color: $dark;
24
- $sidebar-bg-active: $primary;
25
- $sidebar-color-active: $white;
26
-
27
- /*-----TOC-----*/
28
- $toc-bg: $light;
29
-
30
- /*-----Section navigation tiles-----*/
31
- $nav-card-bg: $white;
32
- $nav-card-header-bg: $dark;
33
- $nav-card-header-color: $white;
34
- $nav-card-badge-color: $body-color;
35
- $nav-card-badge-bg: $light;
36
- $nav-card-badge-color-hover: $white;
37
- $nav-card-badge-bg-hover: $primary;
38
-
39
- /*-----More information tiles-----*/
40
- $info-card-bg: $light;
41
- $info-card-header-bg: $dark;
42
- $info-card-header-color: $white;
43
-
44
- /*-----Contributors-cards-----*/
45
- $contr-card-bg: $light;
46
-
47
- /*-----Page contributors-----*/
48
- $contr-bg: $light;
49
- $contr-link-bg: $white;
50
- $contr-crown-bg: $dark;
51
- $contr-crown-color: $white;
52
-
53
- /*-----Events & news-----*/
54
- $news-title-bg: $primary;
55
- $news-border-color: $light;
56
- $news-title-color: $white;
57
-
58
- /*-----Default badge-----*/
59
- $badge-color: $body-color;
60
- $badge-bg: $light;
61
- $badge-color-hover: $white;
62
- $badge-bg-hover: $primary;
63
-
64
- /*-----Footer-----*/
65
- $footer-bg: $light;
66
- $footer-color: $dark;
67
- $footer-link-color: $dark;
68
- $footer-link-color-hover: $primary;
69
- $footer-copyright-bg: $gray-200;
70
-
@@ -0,0 +1,70 @@
1
+ /*-----General styling-----*/
2
+ $font-family-theme: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
3
+ $h2-color: $primary;
4
+
5
+ /*-----Buttons hover style-----*/
6
+ $btn-primary-bg-hover: $primary;
7
+ $btn-primary-color-hover: $white;
8
+
9
+ /*-----Top navigation-----*/
10
+ $topnav-bg: $light;
11
+ $topnav-title-color: $primary;
12
+ $topnav-brand-height: 44px;
13
+
14
+ /*-----Search-----*/
15
+ $search-result-color: $primary;
16
+
17
+ /*-----Sidebar-----*/
18
+ $sidebar-bg: $light;
19
+ $sidebar-color: $dark;
20
+ $sidebar-lvl2-bg: $white;
21
+ $sidebar-lvl2-color: $dark;
22
+ $sidebar-lvl3-bg: $white;
23
+ $sidebar-lvl3-color: $dark;
24
+ $sidebar-bg-active: $primary;
25
+ $sidebar-color-active: $white;
26
+
27
+ /*-----TOC-----*/
28
+ $toc-bg: $light;
29
+
30
+ /*-----Section navigation tiles-----*/
31
+ $nav-card-bg: $white;
32
+ $nav-card-header-bg: $secondary;
33
+ $nav-card-header-color: $white;
34
+ $nav-card-badge-color: $body-color;
35
+ $nav-card-badge-bg: $light;
36
+ $nav-card-badge-color-hover: $white;
37
+ $nav-card-badge-bg-hover: $primary;
38
+
39
+ /*-----More information tiles-----*/
40
+ $info-card-bg: $light;
41
+ $info-card-header-bg: $secondary;
42
+ $info-card-header-color: $white;
43
+
44
+ /*-----Contributors-cards-----*/
45
+ $contr-card-bg: $light;
46
+
47
+ /*-----Page contributors-----*/
48
+ $contr-bg: $light;
49
+ $contr-link-bg: $white;
50
+ $contr-crown-bg: $dark;
51
+ $contr-crown-color: $white;
52
+ $contr-popover-bg: $white;
53
+
54
+ /*-----Events & news-----*/
55
+ $news-title-bg: $primary;
56
+ $news-border-color: $light;
57
+ $news-title-color: $white;
58
+
59
+ /*-----Default badge-----*/
60
+ $badge-color: $body-color;
61
+ $badge-bg: $light;
62
+ $badge-color-hover: $white;
63
+ $badge-bg-hover: $primary;
64
+
65
+ /*-----Footer-----*/
66
+ $footer-bg: $light;
67
+ $footer-color: $dark;
68
+ $footer-link-color: $dark;
69
+ $footer-link-color-hover: $primary;
70
+ $footer-copyright-bg: $gray-200;
data/assets/css/main.scss CHANGED
@@ -1,12 +1,14 @@
1
- ---
1
+ ---
2
2
  layout: none
3
3
  permalink: assets/css/main.css
4
4
  ---
5
+
5
6
  /*-----Default theme variables-----*/
7
+ $popover-max-width: 12em;
6
8
  $enable-caret: false;
7
-
8
9
  @import "bootstrap_variables";
9
10
  @import "bootstrap/bootstrap";
11
+ @import "variables";
10
12
  @import "custom_variables";
11
13
 
12
14
  /*-----General styling-----*/
@@ -17,6 +19,7 @@ main {
17
19
  font-weight: 400;
18
20
  margin-bottom: $spacer * 1.5;
19
21
  }
22
+
20
23
  h2,
21
24
  .h2-like {
22
25
  font-family: $font-family-theme;
@@ -36,11 +39,11 @@ main {
36
39
  margin-top: $spacer * 1.5;
37
40
  }
38
41
 
39
- h2 + h3 {
42
+ h2+h3 {
40
43
  margin-top: $spacer * 0.5;
41
44
  }
42
45
 
43
- h3 + h4 {
46
+ h3+h4 {
44
47
  margin-top: $spacer * 0.25;
45
48
  }
46
49
 
@@ -67,11 +70,11 @@ main {
67
70
  }
68
71
 
69
72
  .ff-body {
70
- font-family: $font-family-sans-serif !important;
73
+ font-family: $font-family-sans-serif !important;
71
74
  }
72
75
 
73
76
  .ff-theme {
74
- font-family: $font-family-theme !important;
77
+ font-family: $font-family-theme !important;
75
78
  }
76
79
 
77
80
  /*-----Blockquote-----*/
@@ -139,8 +142,10 @@ pre code {
139
142
 
140
143
  header .navbar {
141
144
  background-color: $topnav-bg;
145
+
142
146
  .navbar-brand {
143
147
  color: $topnav-title-color;
148
+
144
149
  img {
145
150
  height: $topnav-brand-height;
146
151
  }
@@ -160,8 +165,9 @@ header .navbar {
160
165
  content: "\f0d7";
161
166
  transition: transform 0.2s ease-in-out;
162
167
  }
168
+
163
169
  .dropdown-toggle[aria-expanded="true"]::after {
164
- transform: rotate(-180deg);
170
+ transform: rotate(-180deg);
165
171
  }
166
172
 
167
173
  // Break line in top navigation
@@ -170,9 +176,11 @@ header .navbar {
170
176
  @media (min-width: 992px) {
171
177
  width: 1px;
172
178
  }
179
+
173
180
  @media (max-width: 992px) {
174
181
  height: 1px;
175
182
  }
183
+
176
184
  background-color: rgba($nav-link-color, 0.3);
177
185
  }
178
186
 
@@ -206,6 +214,7 @@ header .navbar {
206
214
  background-color: $light;
207
215
  }
208
216
  }
217
+
209
218
  @media (max-width: 992px) {
210
219
  .search-results {
211
220
  width: 100%;
@@ -228,6 +237,7 @@ header .navbar {
228
237
  font-size: 12px !important;
229
238
  font-weight: 600;
230
239
  }
240
+
231
241
  .search-result-doc-title {
232
242
  overflow: auto;
233
243
  color: $body-color;
@@ -259,7 +269,7 @@ header .navbar {
259
269
  vertical-align: top;
260
270
  }
261
271
 
262
- .search-result-preview + .search-result-preview {
272
+ .search-result-preview+.search-result-preview {
263
273
  margin-top: 0.25rem;
264
274
  }
265
275
 
@@ -285,6 +295,7 @@ header .navbar {
285
295
 
286
296
  .sidebar-collapse {
287
297
  background-color: $sidebar-bg;
298
+
288
299
  i {
289
300
  font-size: 1.25rem;
290
301
  float: right;
@@ -298,19 +309,20 @@ header .navbar {
298
309
  }
299
310
 
300
311
  #side-nav>ul {
301
- > li:not(.sidebar-title) > a {
312
+ >li:not(.sidebar-title)>a {
302
313
  background-color: $sidebar-bg;
303
314
  color: $sidebar-color;
304
315
  }
305
- li > a {
306
- > span {
316
+
317
+ li>a {
318
+ >span {
307
319
  float: right;
308
320
  width: 15px;
309
321
  margin-left: $btn-padding-x;
310
322
  text-align: center;
311
323
  }
312
324
 
313
- > span:after {
325
+ >span:after {
314
326
  display: inline-block;
315
327
  font-style: normal;
316
328
  font-variant: normal;
@@ -322,23 +334,28 @@ header .navbar {
322
334
  transition: transform 0.2s ease-in-out;
323
335
  }
324
336
  }
337
+
325
338
  li.active {
326
- &:not(.parent) > a {
339
+ &:not(.parent)>a {
327
340
  background-color: $sidebar-bg-active;
328
341
  color: $sidebar-color-active;
329
342
  }
330
- > a > span:after {
343
+
344
+ >a>span:after {
331
345
  transform: rotate(-180deg);
332
346
  }
333
347
  }
348
+
334
349
  ul {
335
350
  display: none;
351
+
336
352
  li {
337
353
  a {
338
354
  margin-left: 30px;
339
355
  background-color: $sidebar-lvl2-bg;
340
356
  color: $sidebar-lvl2-color;
341
357
  }
358
+
342
359
  ul li a {
343
360
  margin-left: 60px;
344
361
  background-color: $sidebar-lvl3-bg;
@@ -401,7 +418,7 @@ header .navbar {
401
418
 
402
419
  /*-----General table properties-----*/
403
420
 
404
- .table > :not(:first-child) {
421
+ .table> :not(:first-child) {
405
422
  border-color: inherit;
406
423
  }
407
424
 
@@ -419,9 +436,11 @@ table {
419
436
  tr th:nth-child(1) {
420
437
  width: 25%;
421
438
  }
439
+
422
440
  tr th:nth-child(2) {
423
441
  width: 40%;
424
442
  }
443
+
425
444
  td:nth-child(2) {
426
445
  font-size: 0.9em;
427
446
  }
@@ -445,12 +464,12 @@ footer {
445
464
  color: $footer-color;
446
465
 
447
466
  a {
448
- color: $footer-link-color !important;
467
+ color: $footer-link-color !important;
449
468
  font-weight: bold;
450
469
  }
451
470
 
452
471
  a:hover {
453
- color: $footer-link-color-hover !important;
472
+ color: $footer-link-color-hover !important;
454
473
  }
455
474
 
456
475
  h2 {
@@ -467,6 +486,7 @@ footer {
467
486
  }
468
487
 
469
488
  /*-----Back to top-----*/
489
+
470
490
  #back-to-top {
471
491
  transition: 0.3s ease-in-out;
472
492
  position: fixed;
@@ -479,7 +499,7 @@ footer {
479
499
  &.visible {
480
500
  bottom: $spacer;
481
501
  opacity: 1;
482
- }
502
+ }
483
503
  }
484
504
 
485
505
  /*-----Contributors cards-----*/
@@ -488,15 +508,19 @@ footer {
488
508
  .card {
489
509
  background-color: $contr-card-bg;
490
510
  }
511
+
491
512
  .badge {
492
513
  background-color: $primary;
493
514
  margin: 10px 10px 0px 0px;
494
515
  }
516
+
495
517
  .card-affiliation {
496
518
  color: $primary;
497
519
  font-size: 0.8em;
498
520
  }
521
+
499
522
  }
523
+
500
524
  /*-----Contributors carousel-----*/
501
525
 
502
526
  #contributors-carousel .carousel-control-next,
@@ -508,10 +532,12 @@ footer {
508
532
  #contributors-carousel .card-title {
509
533
  font-size: 0.5em;
510
534
  }
535
+
511
536
  #contributors-carousel .card-affiliation {
512
537
  color: $primary;
513
538
  font-size: 0.4em;
514
539
  }
540
+
515
541
  #contributors-carousel .card-body {
516
542
  padding: 0rem 0.5rem 0.5rem 0.5rem;
517
543
  }
@@ -537,9 +563,12 @@ footer {
537
563
  /*--------Page contributors---------*/
538
564
  .page-contributors {
539
565
  background-color: $contr-bg;
540
- font-size: 0; /* Gets rid of extra white space */
566
+ font-size: 0;
567
+
568
+ /* Gets rid of extra white space */
541
569
  .contributor-link {
542
570
  background-color: $contr-link-bg;
571
+
543
572
  .contributor-img-sm {
544
573
  height: 1.7em;
545
574
  }
@@ -558,8 +587,14 @@ footer {
558
587
  }
559
588
  }
560
589
 
561
- .contributor-img {
562
- width: 130px;
590
+ .popover.contributor-cards {
591
+ .contributor-img {
592
+ width: 11em;
593
+ }
594
+
595
+ .card {
596
+ background-color: $contr-popover-bg;
597
+ }
563
598
  }
564
599
 
565
600
  /*-----Cookie consent banner-----*/
@@ -572,18 +607,18 @@ footer {
572
607
  left: 0;
573
608
  width: 100%;
574
609
  margin: 0 !important;
575
- z-index: 999;
610
+ z-index: 1071;
576
611
  opacity: 0;
577
612
  visibility: hidden;
578
613
  transform: translateY(100%);
579
614
  transition: all 500ms ease-out;
580
615
 
581
616
  a {
582
- color: $footer-link-color !important;
617
+ color: $footer-link-color !important;
583
618
  }
584
619
 
585
620
  a:hover {
586
- color: $footer-link-color-hover !important;
621
+ color: $footer-link-color-hover !important;
587
622
  }
588
623
  }
589
624
 
@@ -598,15 +633,15 @@ footer {
598
633
 
599
634
  .hover-primary:hover,
600
635
  .hover-primary:focus {
601
- background-color: $btn-primary-bg-hover !important;
636
+ background-color: $btn-primary-bg-hover !important;
602
637
  transition: $btn-transition;
603
- color: $btn-primary-color-hover !important;
638
+ color: $btn-primary-color-hover !important;
604
639
  }
605
640
 
606
641
  .text-hover-primary:hover,
607
642
  .text-hover-primary:focus {
608
643
  transition: $btn-transition;
609
- color: $primary !important;
644
+ color: $primary !important;
610
645
  }
611
646
 
612
647
  /*-----Size components-----*/
@@ -623,8 +658,8 @@ li.past_event,
623
658
  display: none;
624
659
  }
625
660
 
626
- .events > ul > li,
627
- .news > ul > li {
661
+ .events>ul>li,
662
+ .news>ul>li {
628
663
  border-left: $news-border-color 5px solid;
629
664
  border-radius: $border-radius;
630
665
  padding: 0px 11px;
@@ -644,32 +679,37 @@ li.past_event,
644
679
  display: inline-block;
645
680
  }
646
681
 
647
- .full-description > *:last-child {
682
+ .full-description>*:last-child {
648
683
  margin-bottom: 0;
684
+
649
685
  li {
650
686
  margin-bottom: 0;
651
687
  }
652
688
  }
653
689
  }
690
+
654
691
  /*-----More information tiles-----*/
655
692
 
656
693
  .info-card {
657
694
  background-color: $info-card-bg;
695
+
658
696
  .card-header {
659
697
  background-color: $info-card-header-bg;
660
698
  color: $info-card-header-color;
661
699
  }
700
+
662
701
  a:hover {
663
702
  .text-muted {
664
703
  transition: $btn-transition;
665
- color: $white !important;
704
+ color: $white !important;
666
705
  }
667
706
 
668
707
  i {
669
708
  transition: $btn-transition;
670
- color: $white !important;
709
+ color: $white !important;
671
710
  }
672
711
  }
712
+
673
713
  img {
674
714
  height: 40px;
675
715
  max-width: 45px;
@@ -689,9 +729,11 @@ li.past_event,
689
729
  .navigation-tiles {
690
730
  .card {
691
731
  background-color: $nav-card-bg;
732
+
692
733
  .card-text {
693
734
  min-height: 4.5em;
694
735
  }
736
+
695
737
  .card-header {
696
738
  background-color: $nav-card-header-bg;
697
739
 
@@ -699,6 +741,7 @@ li.past_event,
699
741
  color: $nav-card-header-color;
700
742
  }
701
743
  }
744
+
702
745
  .badge {
703
746
  font-weight: inherit;
704
747
  background-color: $nav-card-badge-bg;
@@ -721,3 +764,4 @@ iframe.scale {
721
764
  }
722
765
 
723
766
  @import "custom_classes";
767
+
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: elixir-toolkit-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.15.0
4
+ version: 1.16.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - bedroesb
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-04-25 00:00:00.000000000 Z
11
+ date: 2022-05-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -93,6 +93,7 @@ files:
93
93
  - _sass/_bootstrap_variables.scss
94
94
  - _sass/_custom_classes.scss
95
95
  - _sass/_custom_variables.scss
96
+ - _sass/_variables.scss
96
97
  - _sass/bootstrap/_accordion.scss
97
98
  - _sass/bootstrap/_alert.scss
98
99
  - _sass/bootstrap/_badge.scss