elixir-toolkit-theme 3.1.1 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +21 -12
  3. data/_includes/contributor-carousel-selection.html +71 -72
  4. data/_includes/contributor-tiles-all.html +7 -4
  5. data/_includes/footer.html +23 -21
  6. data/_includes/head.html +22 -9
  7. data/_includes/pageids-overview.html +1 -3
  8. data/_includes/scroll-top.html +5 -0
  9. data/_includes/section-navigation-tiles-simple.html +1 -1
  10. data/_includes/section-navigation-tiles.html +15 -3
  11. data/_includes/toc.html +45 -2
  12. data/_includes/topnav.html +4 -4
  13. data/_layouts/default.html +7 -11
  14. data/_layouts/page.html +4 -4
  15. data/_sass/bootstrap/_accordion.scss +11 -11
  16. data/_sass/bootstrap/_buttons.scss +9 -0
  17. data/_sass/bootstrap/_carousel.scss +2 -10
  18. data/_sass/bootstrap/_modal.scss +0 -1
  19. data/_sass/bootstrap/_offcanvas.scss +1 -4
  20. data/_sass/bootstrap/_tables.scss +1 -1
  21. data/_sass/bootstrap/_variables.scss +7 -3
  22. data/_sass/bootstrap/forms/_form-check.scss +1 -1
  23. data/_sass/bootstrap/mixins/_banner.scss +2 -2
  24. data/_sass/bootstrap/mixins/_forms.scss +12 -2
  25. data/_sass/bootstrap/mixins/_grid.scss +1 -1
  26. data/_sass/bootstrap/tests/mixins/_auto-import-of-variables-dark.test.scss +7 -0
  27. data/_sass/bootstrap/tests/mixins/_utilities.test.scss +1 -1
  28. data/assets/css/all.min.css +5 -5
  29. data/assets/css/dataTables.bootstrap5.min.css +2 -2
  30. data/assets/css/dataTables.dateTime.min.css +1 -0
  31. data/assets/css/main.scss +17 -4
  32. data/assets/css/searchBuilder.bootstrap5.min.css +1 -0
  33. data/assets/js/bootstrap.bundle.min.js +3 -3
  34. data/assets/js/bootstrap.bundle.min.js.map +1 -1
  35. data/assets/js/dataTables.bootstrap5.min.js +2 -2
  36. data/assets/js/dataTables.dateTime.min.js +6 -0
  37. data/assets/js/dataTables.searchBuilder.min.js +4 -0
  38. data/assets/js/jquery.dataTables.min.js +3 -3
  39. data/assets/js/jquery.min.js +2 -2
  40. data/assets/js/jquery.min.map +1 -1
  41. data/assets/js/searchBuilder.bootstrap5.min.js +4 -0
  42. data/assets/js/toc.js +38 -54
  43. data/assets/webfonts/fa-brands-400.ttf +0 -0
  44. data/assets/webfonts/fa-brands-400.woff2 +0 -0
  45. data/assets/webfonts/fa-regular-400.ttf +0 -0
  46. data/assets/webfonts/fa-regular-400.woff2 +0 -0
  47. data/assets/webfonts/fa-solid-900.ttf +0 -0
  48. data/assets/webfonts/fa-solid-900.woff2 +0 -0
  49. data/assets/webfonts/fa-v4compatibility.ttf +0 -0
  50. data/assets/webfonts/fa-v4compatibility.woff2 +0 -0
  51. metadata +19 -14
@@ -1,29 +1,25 @@
1
1
  <!doctype html>
2
2
  <html lang="en">
3
3
  {% include head.html %}
4
- <body class="d-flex flex-column min-vh-100"{% unless page.toc == false %} data-bs-spy="scroll" data-bs-target="#toc-contents" data-bs-smooth-scroll="true" tabindex="0"{% endunless %}>
4
+ <body class="d-flex flex-column min-vh-100"{% if page.toc or page.toc == nil %} data-bs-spy="scroll" data-bs-target="#toc-contents" data-bs-smooth-scroll="true" tabindex="0"{% endif %}>
5
5
  {% if site.topnav_banner %}{% include banner.html %}{% endif %}
6
- {% if jekyll.environment == "development" %}{% include dev-info.html %}{% endif %}
6
+ {% if jekyll.environment == "development" and site.theme_variables.dev-info-banner == true %}{% include dev-info.html %}{% endif %}
7
7
  {% include topnav.html %}
8
8
  <!-- Page Content -->
9
- <div class="container flex-grow-1">
9
+ <div class="container g-lg-5 flex-grow-1">
10
10
  <!-- Content Row -->
11
- <div {% unless page.sidebar == nil or page.sidebar == false %}id="layout" class="gap-5"{% endunless %}>
11
+ <div {% if page.sidebar %}id="layout" class="gap-5"{% endif %}>
12
12
  <!-- Sidebar -->
13
- {%- unless page.sidebar == nil or page.sidebar == false %}
13
+ {%- if page.sidebar%}
14
14
  <aside id="sidebar">
15
15
  {% include sidebar.html %}
16
16
  </aside>
17
- {% endunless %}
17
+ {%- endif %}
18
18
  <!-- Content -->
19
19
  {{content}}
20
20
  </div>
21
21
  </div>
22
- {%- if site.theme_variables.back_to_top or site.theme_variables.back_to_top == nil %}
23
- <button id="back-to-top" class="btn btn-primary btn-sm rounded-pill" type="button" aria-hidden="true" onclick="topFunction()">
24
- <i class="fa-solid fa-arrow-up"></i>
25
- </button>
26
- {%- endif %}
22
+ {% include scroll-top.html %}
27
23
  {% include footer.html %}
28
24
  {% include cookie-popup.html %}
29
25
  </body>
data/_layouts/page.html CHANGED
@@ -1,12 +1,12 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <main id="main" class="order-1">
4
+ <main id="main" class="order-1{%- if page.toc or page.toc == nil or page.page_img %} add-grid{% endif %}">
5
5
  <div id="intro">
6
6
  {%- if page.title %}
7
7
  {%- if page.type %}
8
8
  {%- assign subtitle = page.type | replace: "_", " " | capitalize %}
9
- <h1 class="has-subtitle"><span class="d-block text-secondary fs-4 ff-body">{{subtitle}}</span><span class="visually-hidden">:</span> {{ page.title }}
9
+ <h1 class="has-subtitle order-1 order-md-0"><span class="d-block text-secondary fs-4 ff-body">{{subtitle}}</span><span class="visually-hidden">:</span> {{ page.title }}
10
10
  {%- else %}
11
11
  <h1>{{ page.title }}
12
12
  {%- endif %}
@@ -19,11 +19,11 @@ layout: default
19
19
  <div class="summary">{{page.summary}}</div>
20
20
  {%- endif %}
21
21
  </div>
22
- {%- unless page.toc == false %}
22
+ {%- if page.toc or page.toc == nil or page.page_img %}
23
23
  <div id="toc" class="text-muted sticky-xl-top">
24
24
  {%- include toc.html %}
25
25
  </div>
26
- {%- endunless %}
26
+ {%- endif %}
27
27
  <div id="content" class="mb-5">
28
28
  {{content}}
29
29
  {% include resource-table-page.html %}
@@ -20,7 +20,6 @@
20
20
  --#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform};
21
21
  --#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition};
22
22
  --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
23
- --#{$prefix}accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
24
23
  --#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
25
24
  --#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x};
26
25
  --#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y};
@@ -74,7 +73,6 @@
74
73
 
75
74
  &:focus {
76
75
  z-index: 3;
77
- border-color: var(--#{$prefix}accordion-btn-focus-border-color);
78
76
  outline: 0;
79
77
  box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow);
80
78
  }
@@ -92,7 +90,7 @@
92
90
  &:first-of-type {
93
91
  @include border-top-radius(var(--#{$prefix}accordion-border-radius));
94
92
 
95
- .accordion-button {
93
+ > .accordion-header .accordion-button {
96
94
  @include border-top-radius(var(--#{$prefix}accordion-inner-border-radius));
97
95
  }
98
96
  }
@@ -105,13 +103,13 @@
105
103
  &:last-of-type {
106
104
  @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
107
105
 
108
- .accordion-button {
106
+ > .accordion-header .accordion-button {
109
107
  &.collapsed {
110
108
  @include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius));
111
109
  }
112
110
  }
113
111
 
114
- .accordion-collapse {
112
+ > .accordion-collapse {
115
113
  @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
116
114
  }
117
115
  }
@@ -127,11 +125,7 @@
127
125
  // Remove borders and border-radius to keep accordion items edge-to-edge.
128
126
 
129
127
  .accordion-flush {
130
- .accordion-collapse {
131
- border-width: 0;
132
- }
133
-
134
- .accordion-item {
128
+ > .accordion-item {
135
129
  border-right: 0;
136
130
  border-left: 0;
137
131
  @include border-radius(0);
@@ -139,12 +133,18 @@
139
133
  &:first-child { border-top: 0; }
140
134
  &:last-child { border-bottom: 0; }
141
135
 
142
- .accordion-button {
136
+ // stylelint-disable selector-max-class
137
+ > .accordion-header .accordion-button {
143
138
  &,
144
139
  &.collapsed {
145
140
  @include border-radius(0);
146
141
  }
147
142
  }
143
+ // stylelint-enable selector-max-class
144
+
145
+ > .accordion-collapse {
146
+ @include border-radius(0);
147
+ }
148
148
  }
149
149
  }
150
150
 
@@ -100,6 +100,15 @@
100
100
  }
101
101
  }
102
102
 
103
+ .btn-check:checked:focus-visible + & {
104
+ // Avoid using mixin so we can pass custom focus shadow properly
105
+ @if $enable-shadows {
106
+ box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
107
+ } @else {
108
+ box-shadow: var(--#{$prefix}btn-focus-box-shadow);
109
+ }
110
+ }
111
+
103
112
  &:disabled,
104
113
  &.disabled,
105
114
  fieldset:disabled & {
@@ -132,19 +132,11 @@
132
132
  background-size: 100% 100%;
133
133
  }
134
134
 
135
- /* rtl:options: {
136
- "autoRename": true,
137
- "stringMap":[ {
138
- "name" : "prev-next",
139
- "search" : "prev",
140
- "replace" : "next"
141
- } ]
142
- } */
143
135
  .carousel-control-prev-icon {
144
- background-image: escape-svg($carousel-control-prev-icon-bg);
136
+ background-image: escape-svg($carousel-control-prev-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-next-icon-bg) + "*/"};
145
137
  }
146
138
  .carousel-control-next-icon {
147
- background-image: escape-svg($carousel-control-next-icon-bg);
139
+ background-image: escape-svg($carousel-control-next-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-prev-icon-bg) + "*/"};
148
140
  }
149
141
 
150
142
  // Optional indicator pips/controls
@@ -126,7 +126,6 @@
126
126
  display: flex;
127
127
  flex-shrink: 0;
128
128
  align-items: center;
129
- justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
130
129
  padding: var(--#{$prefix}modal-header-padding);
131
130
  border-bottom: var(--#{$prefix}modal-header-border-width) solid var(--#{$prefix}modal-header-border-color);
132
131
  @include border-top-radius(var(--#{$prefix}modal-inner-border-radius));
@@ -123,14 +123,11 @@
123
123
  .offcanvas-header {
124
124
  display: flex;
125
125
  align-items: center;
126
- justify-content: space-between;
127
126
  padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x);
128
127
 
129
128
  .btn-close {
130
129
  padding: calc(var(--#{$prefix}offcanvas-padding-y) * .5) calc(var(--#{$prefix}offcanvas-padding-x) * .5);
131
- margin-top: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
132
- margin-right: calc(-.5 * var(--#{$prefix}offcanvas-padding-x));
133
- margin-bottom: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
130
+ margin: calc(-.5 * var(--#{$prefix}offcanvas-padding-y)) calc(-.5 * var(--#{$prefix}offcanvas-padding-x)) calc(-.5 * var(--#{$prefix}offcanvas-padding-y)) auto;
134
131
  }
135
132
  }
136
133
 
@@ -79,7 +79,7 @@
79
79
  //
80
80
  // When borders are added on all sides of the cells, the corners can render odd when
81
81
  // these borders do not have the same color or if they are semi-transparent.
82
- // Therefor we add top and border bottoms to the `tr`s and left and right borders
82
+ // Therefore we add top and border bottoms to the `tr`s and left and right borders
83
83
  // to the `td`s or `th`s
84
84
 
85
85
  .table-bordered {
@@ -1383,7 +1383,9 @@ $accordion-transition: $btn-transition, border-radius .15s ea
1383
1383
  $accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
1384
1384
  $accordion-button-active-color: var(--#{$prefix}primary-text-emphasis) !default;
1385
1385
 
1386
- $accordion-button-focus-border-color: $input-focus-border-color !default;
1386
+ // fusv-disable
1387
+ $accordion-button-focus-border-color: $input-focus-border-color !default; // Deprecated in v5.3.3
1388
+ // fusv-enable
1387
1389
  $accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
1388
1390
 
1389
1391
  $accordion-icon-width: 1.25rem !default;
@@ -1392,8 +1394,8 @@ $accordion-icon-active-color: $primary-text-emphasis !default;
1392
1394
  $accordion-icon-transition: transform .2s ease-in-out !default;
1393
1395
  $accordion-icon-transform: rotate(-180deg) !default;
1394
1396
 
1395
- $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
1396
- $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
1397
+ $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-color}' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>") !default;
1398
+ $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-active-color}' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>") !default;
1397
1399
  // scss-docs-end accordion-variables
1398
1400
 
1399
1401
  // Tooltips
@@ -1745,3 +1747,5 @@ $kbd-bg: var(--#{$prefix}body-color) !default;
1745
1747
  $nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6
1746
1748
 
1747
1749
  $pre-color: null !default;
1750
+
1751
+ @import "variables-dark"; // TODO: can be removed safely in v6, only here to avoid breaking changes in v5.3
@@ -131,7 +131,7 @@
131
131
  margin-left: $form-switch-padding-start * -1;
132
132
  background-image: var(--#{$prefix}form-switch-bg);
133
133
  background-position: left center;
134
- @include border-radius($form-switch-border-radius);
134
+ @include border-radius($form-switch-border-radius, 0);
135
135
  @include transition($form-switch-transition);
136
136
 
137
137
  &:focus {
@@ -1,7 +1,7 @@
1
1
  @mixin bsBanner($file) {
2
2
  /*!
3
- * Bootstrap #{$file} v5.3.2 (https://getbootstrap.com/)
4
- * Copyright 2011-2023 The Bootstrap Authors
3
+ * Bootstrap #{$file} v5.3.3 (https://getbootstrap.com/)
4
+ * Copyright 2011-2024 The Bootstrap Authors
5
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
6
  */
7
7
  }
@@ -69,7 +69,12 @@
69
69
 
70
70
  &:focus {
71
71
  border-color: $border-color;
72
- box-shadow: $focus-box-shadow;
72
+ @if $enable-shadows {
73
+ @include box-shadow($input-box-shadow, $focus-box-shadow);
74
+ } @else {
75
+ // Avoid using mixin so we can pass custom focus shadow properly
76
+ box-shadow: $focus-box-shadow;
77
+ }
73
78
  }
74
79
  }
75
80
  }
@@ -100,7 +105,12 @@
100
105
 
101
106
  &:focus {
102
107
  border-color: $border-color;
103
- box-shadow: $focus-box-shadow;
108
+ @if $enable-shadows {
109
+ @include box-shadow($form-select-box-shadow, $focus-box-shadow);
110
+ } @else {
111
+ // Avoid using mixin so we can pass custom focus shadow properly
112
+ box-shadow: $focus-box-shadow;
113
+ }
104
114
  }
105
115
  }
106
116
  }
@@ -138,7 +138,7 @@
138
138
  }
139
139
  }
140
140
 
141
- // Start with `1` because `0` is and invalid value.
141
+ // Start with `1` because `0` is an invalid value.
142
142
  // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.
143
143
  @for $i from 1 through ($columns - 1) {
144
144
  .g-start#{$infix}-#{$i} {
@@ -0,0 +1,7 @@
1
+ // TODO: this file can be removed safely in v6 when `@import "variables-dark"` will be removed at the end of _variables.scss
2
+
3
+ @import "../../functions";
4
+ @import "../../variables";
5
+ // Voluntarily not importing _variables-dark.scss
6
+ @import "../../maps";
7
+ @import "../../mixins";
@@ -258,7 +258,7 @@ $enable-important-utilities: false;
258
258
  .desaturated-color-blue {
259
259
  --bs-color-opacity: 1;
260
260
  // Sass compilation will put a leading zero so we want to keep that one
261
- // stylelint-disable-next-line stylistic/number-leading-zero
261
+ // stylelint-disable-next-line @stylistic/number-leading-zero
262
262
  --bs-color-saturation: 0.25;
263
263
  color: hsla(192deg, var(--bs-color-saturation), 0, var(--bs-color-opacity));
264
264
  }