elixir-toolkit-theme 1.15.0 → 1.16.0

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 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