elixir-toolkit-theme 1.21.0 → 1.23.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +4 -4
- data/_includes/contributor-minitiles-page.html +1 -1
- data/_includes/dev-info.html +3 -0
- data/_includes/footer.html +30 -4
- data/_includes/section-navigation-tiles-simple.html +3 -0
- data/_includes/section-navigation-tiles.html +2 -2
- data/_includes/topnav.html +9 -1
- data/_includes/training-table-all.html +11 -1
- data/_layouts/default.html +2 -1
- data/_sass/_variables.scss +1 -0
- data/_sass/bootstrap/_accordion.scss +56 -25
- data/_sass/bootstrap/_alert.scss +18 -4
- data/_sass/bootstrap/_badge.scss +14 -5
- data/_sass/bootstrap/_breadcrumb.scss +22 -10
- data/_sass/bootstrap/_button-group.scss +4 -1
- data/_sass/bootstrap/_buttons.scss +125 -29
- data/_sass/bootstrap/_card.scss +55 -37
- data/_sass/bootstrap/_carousel.scss +0 -3
- data/_sass/bootstrap/_close.scss +1 -1
- data/_sass/bootstrap/_containers.scss +1 -1
- data/_sass/bootstrap/_dropdown.scss +85 -76
- data/_sass/bootstrap/_functions.scss +9 -9
- data/_sass/bootstrap/_grid.scss +3 -3
- data/_sass/bootstrap/_helpers.scss +1 -0
- data/_sass/bootstrap/_list-group.scss +48 -30
- data/_sass/bootstrap/_maps.scss +54 -0
- data/_sass/bootstrap/_modal.scss +71 -43
- data/_sass/bootstrap/_nav.scss +53 -20
- data/_sass/bootstrap/_navbar.scss +93 -150
- data/_sass/bootstrap/_offcanvas.scss +120 -59
- data/_sass/bootstrap/_pagination.scss +66 -21
- data/_sass/bootstrap/_placeholders.scss +1 -1
- data/_sass/bootstrap/_popover.scss +90 -52
- data/_sass/bootstrap/_progress.scss +20 -9
- data/_sass/bootstrap/_reboot.scss +25 -40
- data/_sass/bootstrap/_root.scss +40 -21
- data/_sass/bootstrap/_spinners.scss +38 -22
- data/_sass/bootstrap/_tables.scss +32 -23
- data/_sass/bootstrap/_toasts.scss +38 -16
- data/_sass/bootstrap/_tooltip.scss +61 -56
- data/_sass/bootstrap/_type.scss +2 -0
- data/_sass/bootstrap/_utilities.scss +43 -26
- data/_sass/bootstrap/_variables.scss +128 -135
- data/_sass/bootstrap/bootstrap-grid.scss +3 -6
- data/_sass/bootstrap/bootstrap-reboot.scss +3 -7
- data/_sass/bootstrap/bootstrap-utilities.scss +6 -6
- data/_sass/bootstrap/bootstrap.scss +4 -6
- data/_sass/bootstrap/forms/_floating-labels.scss +15 -3
- data/_sass/bootstrap/forms/_form-check.scss +28 -5
- data/_sass/bootstrap/forms/_form-control.scss +12 -37
- data/_sass/bootstrap/forms/_form-select.scss +0 -1
- data/_sass/bootstrap/forms/_input-group.scss +19 -8
- data/_sass/bootstrap/helpers/_color-bg.scss +10 -0
- data/_sass/bootstrap/helpers/_colored-links.scss +2 -2
- data/_sass/bootstrap/helpers/_position.scss +7 -1
- data/_sass/bootstrap/helpers/_ratio.scss +2 -2
- data/_sass/bootstrap/helpers/_vr.scss +1 -1
- data/_sass/bootstrap/mixins/_alert.scss +7 -3
- data/_sass/bootstrap/mixins/_banner.scss +9 -0
- data/_sass/bootstrap/mixins/_breakpoints.scss +8 -8
- data/_sass/bootstrap/mixins/_buttons.scss +32 -95
- data/_sass/bootstrap/mixins/_container.scss +4 -2
- data/_sass/bootstrap/mixins/_forms.scss +18 -10
- data/_sass/bootstrap/mixins/_gradients.scss +1 -1
- data/_sass/bootstrap/mixins/_grid.scss +12 -12
- data/_sass/bootstrap/mixins/_pagination.scss +4 -25
- data/_sass/bootstrap/mixins/_reset-text.scss +1 -1
- data/_sass/bootstrap/mixins/_table-variants.scss +12 -9
- data/_sass/bootstrap/mixins/_utilities.scss +13 -5
- data/assets/css/all.min.css +2 -2
- data/assets/css/main.scss +22 -3
- data/assets/img/android-chrome-192x192.png +0 -0
- data/assets/img/android-chrome-512x512.png +0 -0
- data/assets/img/apple-touch-icon.png +0 -0
- data/assets/img/ett_compact_logo.svg +22 -0
- data/assets/img/ett_compact_logo_bw.svg +22 -0
- data/assets/img/favicon-16x16.png +0 -0
- data/assets/img/favicon-32x32.png +0 -0
- data/assets/img/favicon.ico +0 -0
- data/assets/img/main_logo.svg +46 -57
- data/assets/img/safari-pinned-tab.svg +16 -12
- data/assets/js/bootstrap.bundle.min.js +3 -3
- data/assets/js/bootstrap.bundle.min.js.map +1 -1
- 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 +9 -6
- data/assets/img/jekyll_theme_question.svg +0 -1
- data/assets/img/jekyll_theme_question_inverted.svg +0 -1
- data/assets/img/main_logo_condesed.svg +0 -1
@@ -104,6 +104,14 @@
|
|
104
104
|
}
|
105
105
|
}
|
106
106
|
|
107
|
+
.form-control-color {
|
108
|
+
@include form-validation-state-selector($state) {
|
109
|
+
@if $enable-validation-icons {
|
110
|
+
width: add($form-color-width, $input-height-inner);
|
111
|
+
}
|
112
|
+
}
|
113
|
+
}
|
114
|
+
|
107
115
|
.form-check-input {
|
108
116
|
@include form-validation-state-selector($state) {
|
109
117
|
border-color: $color;
|
@@ -127,16 +135,16 @@
|
|
127
135
|
}
|
128
136
|
}
|
129
137
|
|
130
|
-
.input-group
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
138
|
+
.input-group {
|
139
|
+
> .form-control:not(:focus),
|
140
|
+
> .form-select:not(:focus),
|
141
|
+
> .form-floating:not(:focus-within) {
|
142
|
+
@include form-validation-state-selector($state) {
|
143
|
+
@if $state == "valid" {
|
144
|
+
z-index: 3;
|
145
|
+
} @else if $state == "invalid" {
|
146
|
+
z-index: 4;
|
147
|
+
}
|
140
148
|
}
|
141
149
|
}
|
142
150
|
}
|
@@ -3,17 +3,17 @@
|
|
3
3
|
// Generate semantic grid columns with these mixins.
|
4
4
|
|
5
5
|
@mixin make-row($gutter: $grid-gutter-width) {
|
6
|
-
--#{$
|
7
|
-
--#{$
|
6
|
+
--#{$prefix}gutter-x: #{$gutter};
|
7
|
+
--#{$prefix}gutter-y: 0;
|
8
8
|
display: flex;
|
9
9
|
flex-wrap: wrap;
|
10
10
|
// TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed
|
11
|
-
margin-top: calc(-1 * var(--#{$
|
12
|
-
margin-right: calc(-.5 * var(--#{$
|
13
|
-
margin-left: calc(-.5 * var(--#{$
|
11
|
+
margin-top: calc(-1 * var(--#{$prefix}gutter-y)); // stylelint-disable-line function-disallowed-list
|
12
|
+
margin-right: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list
|
13
|
+
margin-left: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list
|
14
14
|
}
|
15
15
|
|
16
|
-
@mixin make-col-ready(
|
16
|
+
@mixin make-col-ready() {
|
17
17
|
// Add box sizing if only the grid is loaded
|
18
18
|
box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);
|
19
19
|
// Prevent columns from becoming too narrow when at smaller grid tiers by
|
@@ -22,9 +22,9 @@
|
|
22
22
|
flex-shrink: 0;
|
23
23
|
width: 100%;
|
24
24
|
max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid
|
25
|
-
padding-right: calc(var(--#{$
|
26
|
-
padding-left: calc(var(--#{$
|
27
|
-
margin-top: var(--#{$
|
25
|
+
padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
|
26
|
+
padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
|
27
|
+
margin-top: var(--#{$prefix}gutter-y);
|
28
28
|
}
|
29
29
|
|
30
30
|
@mixin make-col($size: false, $columns: $grid-columns) {
|
@@ -51,7 +51,7 @@
|
|
51
51
|
// Row columns
|
52
52
|
//
|
53
53
|
// Specify on a parent element(e.g., .row) to force immediate children into NN
|
54
|
-
//
|
54
|
+
// number of columns. Supports wrapping to new lines, but does not do a Masonry
|
55
55
|
// style grid.
|
56
56
|
@mixin row-cols($count) {
|
57
57
|
> * {
|
@@ -114,12 +114,12 @@
|
|
114
114
|
@each $key, $value in $gutters {
|
115
115
|
.g#{$infix}-#{$key},
|
116
116
|
.gx#{$infix}-#{$key} {
|
117
|
-
--#{$
|
117
|
+
--#{$prefix}gutter-x: #{$value};
|
118
118
|
}
|
119
119
|
|
120
120
|
.g#{$infix}-#{$key},
|
121
121
|
.gy#{$infix}-#{$key} {
|
122
|
-
--#{$
|
122
|
+
--#{$prefix}gutter-y: #{$value};
|
123
123
|
}
|
124
124
|
}
|
125
125
|
}
|
@@ -2,30 +2,9 @@
|
|
2
2
|
|
3
3
|
// scss-docs-start pagination-mixin
|
4
4
|
@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
}
|
9
|
-
|
10
|
-
.page-item {
|
11
|
-
@if $pagination-margin-start == (-$pagination-border-width) {
|
12
|
-
&:first-child {
|
13
|
-
.page-link {
|
14
|
-
@include border-start-radius($border-radius);
|
15
|
-
}
|
16
|
-
}
|
17
|
-
|
18
|
-
&:last-child {
|
19
|
-
.page-link {
|
20
|
-
@include border-end-radius($border-radius);
|
21
|
-
}
|
22
|
-
}
|
23
|
-
} @else {
|
24
|
-
//Add border-radius to all pageLinks in case they have left margin
|
25
|
-
.page-link {
|
26
|
-
@include border-radius($border-radius);
|
27
|
-
}
|
28
|
-
}
|
29
|
-
}
|
5
|
+
--#{$prefix}pagination-padding-x: #{$padding-x};
|
6
|
+
--#{$prefix}pagination-padding-y: #{$padding-y};
|
7
|
+
@include rfs($font-size, --#{$prefix}pagination-font-size);
|
8
|
+
--#{$prefix}pagination-border-radius: #{$border-radius};
|
30
9
|
}
|
31
10
|
// scss-docs-end pagination-mixin
|
@@ -5,17 +5,20 @@
|
|
5
5
|
$hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
|
6
6
|
$striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
|
7
7
|
$active-bg: mix($color, $background, percentage($table-active-bg-factor));
|
8
|
+
$table-border-color: mix($color, $background, percentage($table-border-factor));
|
8
9
|
|
9
|
-
--#{$
|
10
|
-
--#{$
|
11
|
-
--#{$
|
12
|
-
--#{$
|
13
|
-
--#{$
|
14
|
-
--#{$
|
15
|
-
--#{$
|
10
|
+
--#{$prefix}table-color: #{$color};
|
11
|
+
--#{$prefix}table-bg: #{$background};
|
12
|
+
--#{$prefix}table-border-color: #{$table-border-color};
|
13
|
+
--#{$prefix}table-striped-bg: #{$striped-bg};
|
14
|
+
--#{$prefix}table-striped-color: #{color-contrast($striped-bg)};
|
15
|
+
--#{$prefix}table-active-bg: #{$active-bg};
|
16
|
+
--#{$prefix}table-active-color: #{color-contrast($active-bg)};
|
17
|
+
--#{$prefix}table-hover-bg: #{$hover-bg};
|
18
|
+
--#{$prefix}table-hover-color: #{color-contrast($hover-bg)};
|
16
19
|
|
17
|
-
color: $color;
|
18
|
-
border-color:
|
20
|
+
color: var(--#{$prefix}table-color);
|
21
|
+
border-color: var(--#{$prefix}table-border-color);
|
19
22
|
}
|
20
23
|
}
|
21
24
|
// scss-docs-end table-variant
|
@@ -20,12 +20,15 @@
|
|
20
20
|
$property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));
|
21
21
|
$property-class: if($property-class == null, "", $property-class);
|
22
22
|
|
23
|
+
// Use custom CSS variable name if present, otherwise default to `class`
|
24
|
+
$css-variable-name: if(map-has-key($utility, css-variable-name), map-get($utility, css-variable-name), map-get($utility, class));
|
25
|
+
|
23
26
|
// State params to generate pseudo-classes
|
24
27
|
$state: if(map-has-key($utility, state), map-get($utility, state), ());
|
25
28
|
|
26
29
|
$infix: if($property-class == "" and str-slice($infix, 1, 1) == "-", str-slice($infix, 2), $infix);
|
27
30
|
|
28
|
-
// Don't prefix if value key is null (
|
31
|
+
// Don't prefix if value key is null (e.g. with shadow class)
|
29
32
|
$property-class-modifier: if($key, if($property-class == "" and $infix == "", "", "-") + $key, "");
|
30
33
|
|
31
34
|
@if map-get($utility, rfs) {
|
@@ -52,20 +55,20 @@
|
|
52
55
|
|
53
56
|
@if $is-css-var {
|
54
57
|
.#{$property-class + $infix + $property-class-modifier} {
|
55
|
-
--#{$
|
58
|
+
--#{$prefix}#{$css-variable-name}: #{$value};
|
56
59
|
}
|
57
60
|
|
58
61
|
@each $pseudo in $state {
|
59
62
|
.#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {
|
60
|
-
--#{$
|
63
|
+
--#{$prefix}#{$css-variable-name}: #{$value};
|
61
64
|
}
|
62
65
|
}
|
63
66
|
} @else {
|
64
67
|
.#{$property-class + $infix + $property-class-modifier} {
|
65
68
|
@each $property in $properties {
|
66
69
|
@if $is-local-vars {
|
67
|
-
@each $local-var, $
|
68
|
-
--#{$
|
70
|
+
@each $local-var, $variable in $is-local-vars {
|
71
|
+
--#{$prefix}#{$local-var}: #{$variable};
|
69
72
|
}
|
70
73
|
}
|
71
74
|
#{$property}: $value if($enable-important-utilities, !important, null);
|
@@ -75,6 +78,11 @@
|
|
75
78
|
@each $pseudo in $state {
|
76
79
|
.#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {
|
77
80
|
@each $property in $properties {
|
81
|
+
@if $is-local-vars {
|
82
|
+
@each $local-var, $variable in $is-local-vars {
|
83
|
+
--#{$prefix}#{$local-var}: #{$variable};
|
84
|
+
}
|
85
|
+
}
|
78
86
|
#{$property}: $value if($enable-important-utilities, !important, null);
|
79
87
|
}
|
80
88
|
}
|