elixir-toolkit-theme 3.1.1 → 4.0.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 +4 -4
- data/README.md +21 -12
- data/_includes/contributor-carousel-selection.html +71 -72
- data/_includes/contributor-tiles-all.html +7 -4
- data/_includes/footer.html +23 -21
- data/_includes/head.html +22 -9
- data/_includes/pageids-overview.html +1 -3
- data/_includes/scroll-top.html +5 -0
- data/_includes/section-navigation-tiles-simple.html +1 -1
- data/_includes/section-navigation-tiles.html +15 -3
- data/_includes/toc.html +45 -2
- data/_includes/topnav.html +4 -4
- data/_layouts/default.html +7 -11
- data/_layouts/page.html +4 -4
- data/_sass/bootstrap/_accordion.scss +11 -11
- data/_sass/bootstrap/_buttons.scss +9 -0
- data/_sass/bootstrap/_carousel.scss +2 -10
- data/_sass/bootstrap/_modal.scss +0 -1
- data/_sass/bootstrap/_offcanvas.scss +1 -4
- data/_sass/bootstrap/_tables.scss +1 -1
- data/_sass/bootstrap/_variables.scss +7 -3
- data/_sass/bootstrap/forms/_form-check.scss +1 -1
- data/_sass/bootstrap/mixins/_banner.scss +2 -2
- data/_sass/bootstrap/mixins/_forms.scss +12 -2
- data/_sass/bootstrap/mixins/_grid.scss +1 -1
- data/_sass/bootstrap/tests/mixins/_auto-import-of-variables-dark.test.scss +7 -0
- data/_sass/bootstrap/tests/mixins/_utilities.test.scss +1 -1
- data/assets/css/all.min.css +5 -5
- data/assets/css/dataTables.bootstrap5.min.css +2 -2
- data/assets/css/dataTables.dateTime.min.css +1 -0
- data/assets/css/main.scss +17 -4
- data/assets/css/searchBuilder.bootstrap5.min.css +1 -0
- data/assets/js/bootstrap.bundle.min.js +3 -3
- data/assets/js/bootstrap.bundle.min.js.map +1 -1
- data/assets/js/dataTables.bootstrap5.min.js +2 -2
- data/assets/js/dataTables.dateTime.min.js +6 -0
- data/assets/js/dataTables.searchBuilder.min.js +4 -0
- data/assets/js/jquery.dataTables.min.js +3 -3
- data/assets/js/jquery.min.js +2 -2
- data/assets/js/jquery.min.map +1 -1
- data/assets/js/searchBuilder.bootstrap5.min.js +4 -0
- data/assets/js/toc.js +38 -54
- data/assets/webfonts/fa-brands-400.ttf +0 -0
- data/assets/webfonts/fa-brands-400.woff2 +0 -0
- data/assets/webfonts/fa-regular-400.ttf +0 -0
- data/assets/webfonts/fa-regular-400.woff2 +0 -0
- data/assets/webfonts/fa-solid-900.ttf +0 -0
- data/assets/webfonts/fa-solid-900.woff2 +0 -0
- data/assets/webfonts/fa-v4compatibility.ttf +0 -0
- data/assets/webfonts/fa-v4compatibility.woff2 +0 -0
- metadata +19 -14
data/_layouts/default.html
CHANGED
|
@@ -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"{%
|
|
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 {%
|
|
11
|
+
<div {% if page.sidebar %}id="layout" class="gap-5"{% endif %}>
|
|
12
12
|
<!-- Sidebar -->
|
|
13
|
-
{%-
|
|
13
|
+
{%- if page.sidebar%}
|
|
14
14
|
<aside id="sidebar">
|
|
15
15
|
{% include sidebar.html %}
|
|
16
16
|
</aside>
|
|
17
|
-
{
|
|
17
|
+
{%- endif %}
|
|
18
18
|
<!-- Content -->
|
|
19
19
|
{{content}}
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
|
-
{
|
|
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
|
-
{%-
|
|
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
|
-
{%-
|
|
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-
|
|
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
|
-
|
|
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
|
data/_sass/bootstrap/_modal.scss
CHANGED
|
@@ -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
|
|
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
|
-
//
|
|
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
|
-
|
|
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}'
|
|
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}'
|
|
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.
|
|
4
|
-
* Copyright 2011-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
}
|