Contrast fixes
This commit is contained in:
ThePetrovich
parent
be164cfe0a
commit
25ade09b0c
31 changed files with 471 additions and 378 deletions
2
dist/css/bootstrap-grid.css.map
vendored
2
dist/css/bootstrap-grid.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-grid.rtl.css.map
vendored
2
dist/css/bootstrap-grid.rtl.css.map
vendored
File diff suppressed because one or more lines are too long
4
dist/css/bootstrap-reboot.css
vendored
4
dist/css/bootstrap-reboot.css
vendored
|
|
@ -51,7 +51,7 @@
|
|||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #4e0f0f;
|
||||
--bs-light-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #2a2a2a;
|
||||
--bs-primary-bg-subtle: #dae4ee;
|
||||
--bs-secondary-bg-subtle: #dfe2e3;
|
||||
--bs-success-bg-subtle: #d4e6dd;
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f3d3d4;
|
||||
--bs-light-bg-subtle: #f9f9f9;
|
||||
--bs-dark-bg-subtle: #cdcdcd;
|
||||
--bs-dark-bg-subtle: #e2e2e3;
|
||||
--bs-primary-border-subtle: #b5cadd;
|
||||
--bs-secondary-border-subtle: #bec5c8;
|
||||
--bs-success-border-subtle: #aacdbb;
|
||||
|
|
|
|||
2
dist/css/bootstrap-reboot.css.map
vendored
2
dist/css/bootstrap-reboot.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-reboot.min.css
vendored
2
dist/css/bootstrap-reboot.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-reboot.min.css.map
vendored
2
dist/css/bootstrap-reboot.min.css.map
vendored
File diff suppressed because one or more lines are too long
4
dist/css/bootstrap-reboot.rtl.css
vendored
4
dist/css/bootstrap-reboot.rtl.css
vendored
|
|
@ -51,7 +51,7 @@
|
|||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #4e0f0f;
|
||||
--bs-light-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #2a2a2a;
|
||||
--bs-primary-bg-subtle: #dae4ee;
|
||||
--bs-secondary-bg-subtle: #dfe2e3;
|
||||
--bs-success-bg-subtle: #d4e6dd;
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f3d3d4;
|
||||
--bs-light-bg-subtle: #f9f9f9;
|
||||
--bs-dark-bg-subtle: #cdcdcd;
|
||||
--bs-dark-bg-subtle: #e2e2e3;
|
||||
--bs-primary-border-subtle: #b5cadd;
|
||||
--bs-secondary-border-subtle: #bec5c8;
|
||||
--bs-success-border-subtle: #aacdbb;
|
||||
|
|
|
|||
2
dist/css/bootstrap-reboot.rtl.css.map
vendored
2
dist/css/bootstrap-reboot.rtl.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-reboot.rtl.min.css
vendored
2
dist/css/bootstrap-reboot.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-reboot.rtl.min.css.map
vendored
2
dist/css/bootstrap-reboot.rtl.min.css.map
vendored
File diff suppressed because one or more lines are too long
4
dist/css/bootstrap-utilities.css
vendored
4
dist/css/bootstrap-utilities.css
vendored
|
|
@ -51,7 +51,7 @@
|
|||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #4e0f0f;
|
||||
--bs-light-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #2a2a2a;
|
||||
--bs-primary-bg-subtle: #dae4ee;
|
||||
--bs-secondary-bg-subtle: #dfe2e3;
|
||||
--bs-success-bg-subtle: #d4e6dd;
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f3d3d4;
|
||||
--bs-light-bg-subtle: #f9f9f9;
|
||||
--bs-dark-bg-subtle: #cdcdcd;
|
||||
--bs-dark-bg-subtle: #e2e2e3;
|
||||
--bs-primary-border-subtle: #b5cadd;
|
||||
--bs-secondary-border-subtle: #bec5c8;
|
||||
--bs-success-border-subtle: #aacdbb;
|
||||
|
|
|
|||
2
dist/css/bootstrap-utilities.css.map
vendored
2
dist/css/bootstrap-utilities.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-utilities.min.css
vendored
2
dist/css/bootstrap-utilities.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-utilities.min.css.map
vendored
2
dist/css/bootstrap-utilities.min.css.map
vendored
File diff suppressed because one or more lines are too long
4
dist/css/bootstrap-utilities.rtl.css
vendored
4
dist/css/bootstrap-utilities.rtl.css
vendored
|
|
@ -51,7 +51,7 @@
|
|||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #4e0f0f;
|
||||
--bs-light-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #2a2a2a;
|
||||
--bs-primary-bg-subtle: #dae4ee;
|
||||
--bs-secondary-bg-subtle: #dfe2e3;
|
||||
--bs-success-bg-subtle: #d4e6dd;
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f3d3d4;
|
||||
--bs-light-bg-subtle: #f9f9f9;
|
||||
--bs-dark-bg-subtle: #cdcdcd;
|
||||
--bs-dark-bg-subtle: #e2e2e3;
|
||||
--bs-primary-border-subtle: #b5cadd;
|
||||
--bs-secondary-border-subtle: #bec5c8;
|
||||
--bs-success-border-subtle: #aacdbb;
|
||||
|
|
|
|||
2
dist/css/bootstrap-utilities.rtl.css.map
vendored
2
dist/css/bootstrap-utilities.rtl.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-utilities.rtl.min.css
vendored
2
dist/css/bootstrap-utilities.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap-utilities.rtl.min.css.map
vendored
2
dist/css/bootstrap-utilities.rtl.min.css.map
vendored
File diff suppressed because one or more lines are too long
343
dist/css/bootstrap.css
vendored
343
dist/css/bootstrap.css
vendored
|
|
@ -52,7 +52,7 @@
|
|||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #4e0f0f;
|
||||
--bs-light-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #2a2a2a;
|
||||
--bs-primary-bg-subtle: #dae4ee;
|
||||
--bs-secondary-bg-subtle: #dfe2e3;
|
||||
--bs-success-bg-subtle: #d4e6dd;
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f3d3d4;
|
||||
--bs-light-bg-subtle: #f9f9f9;
|
||||
--bs-dark-bg-subtle: #cdcdcd;
|
||||
--bs-dark-bg-subtle: #e2e2e3;
|
||||
--bs-primary-border-subtle: #b5cadd;
|
||||
--bs-secondary-border-subtle: #bec5c8;
|
||||
--bs-success-border-subtle: #aacdbb;
|
||||
|
|
@ -3061,258 +3061,290 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
--bs-btn-color: #457aab;
|
||||
--bs-btn-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-border-color: rgba(69, 122, 171, 0.15);
|
||||
--bs-btn-hover-color: #457aab;
|
||||
--bs-btn-hover-bg: rgba(69, 122, 171, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(69, 122, 171, 0.3);
|
||||
--bs-btn-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-primary-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #457aab;
|
||||
--bs-btn-hover-border-color: #457aab;
|
||||
--bs-btn-focus-shadow-rgb: 69, 122, 171;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #457aab;
|
||||
--bs-btn-active-border-color: #457aab;
|
||||
--bs-btn-active-bg: #376289;
|
||||
--bs-btn-active-border-color: #376289;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #457aab;
|
||||
--bs-btn-disabled-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(69, 122, 171, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-primary-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
--bs-btn-color: #5d6d75;
|
||||
--bs-btn-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-border-color: rgba(93, 109, 117, 0.15);
|
||||
--bs-btn-hover-color: #5d6d75;
|
||||
--bs-btn-hover-bg: rgba(93, 109, 117, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(93, 109, 117, 0.3);
|
||||
--bs-btn-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-secondary-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #5d6d75;
|
||||
--bs-btn-hover-border-color: #5d6d75;
|
||||
--bs-btn-focus-shadow-rgb: 93, 109, 117;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #5d6d75;
|
||||
--bs-btn-active-border-color: #5d6d75;
|
||||
--bs-btn-active-bg: #4a575e;
|
||||
--bs-btn-active-border-color: #4a575e;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #5d6d75;
|
||||
--bs-btn-disabled-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(93, 109, 117, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-secondary-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-success {
|
||||
--bs-btn-color: #2a8256;
|
||||
--bs-btn-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-border-color: rgba(42, 130, 86, 0.15);
|
||||
--bs-btn-hover-color: #2a8256;
|
||||
--bs-btn-hover-bg: rgba(42, 130, 86, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(42, 130, 86, 0.3);
|
||||
--bs-btn-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-success-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a8256;
|
||||
--bs-btn-hover-border-color: #2a8256;
|
||||
--bs-btn-focus-shadow-rgb: 42, 130, 86;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a8256;
|
||||
--bs-btn-active-border-color: #2a8256;
|
||||
--bs-btn-active-bg: #226845;
|
||||
--bs-btn-active-border-color: #226845;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a8256;
|
||||
--bs-btn-disabled-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(42, 130, 86, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-success-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-info {
|
||||
--bs-btn-color: #0068b3;
|
||||
--bs-btn-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-border-color: rgba(0, 104, 179, 0.15);
|
||||
--bs-btn-hover-color: #0068b3;
|
||||
--bs-btn-hover-bg: rgba(0, 104, 179, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(0, 104, 179, 0.3);
|
||||
--bs-btn-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-info-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #0068b3;
|
||||
--bs-btn-hover-border-color: #0068b3;
|
||||
--bs-btn-focus-shadow-rgb: 0, 104, 179;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #0068b3;
|
||||
--bs-btn-active-border-color: #0068b3;
|
||||
--bs-btn-active-bg: #00538f;
|
||||
--bs-btn-active-border-color: #00538f;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #0068b3;
|
||||
--bs-btn-disabled-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(0, 104, 179, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-info-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-warning {
|
||||
--bs-btn-color: #ffc107;
|
||||
--bs-btn-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-border-color: rgba(255, 193, 7, 0.15);
|
||||
--bs-btn-hover-color: #ffc107;
|
||||
--bs-btn-hover-bg: rgba(255, 193, 7, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(255, 193, 7, 0.3);
|
||||
--bs-btn-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-warning-border-subtle);
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #ffc107;
|
||||
--bs-btn-hover-border-color: #ffc107;
|
||||
--bs-btn-focus-shadow-rgb: 255, 193, 7;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #ffc107;
|
||||
--bs-btn-active-border-color: #ffc107;
|
||||
--bs-btn-active-bg: #ffcd39;
|
||||
--bs-btn-active-border-color: #ffcd39;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #ffc107;
|
||||
--bs-btn-disabled-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(255, 193, 7, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-warning-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
--bs-btn-color: #c42526;
|
||||
--bs-btn-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-border-color: rgba(196, 37, 38, 0.15);
|
||||
--bs-btn-hover-color: #c42526;
|
||||
--bs-btn-hover-bg: rgba(196, 37, 38, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(196, 37, 38, 0.3);
|
||||
--bs-btn-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-danger-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #c42526;
|
||||
--bs-btn-hover-border-color: #c42526;
|
||||
--bs-btn-focus-shadow-rgb: 196, 37, 38;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #c42526;
|
||||
--bs-btn-active-border-color: #c42526;
|
||||
--bs-btn-active-bg: #9d1e1e;
|
||||
--bs-btn-active-border-color: #9d1e1e;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #c42526;
|
||||
--bs-btn-disabled-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(196, 37, 38, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-danger-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-light {
|
||||
--bs-btn-color: #f2f2f2;
|
||||
--bs-btn-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-border-color: rgba(242, 242, 242, 0.15);
|
||||
--bs-btn-hover-color: #f2f2f2;
|
||||
--bs-btn-hover-bg: rgba(242, 242, 242, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(242, 242, 242, 0.3);
|
||||
--bs-btn-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-light-border-subtle);
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #f2f2f2;
|
||||
--bs-btn-hover-border-color: #f2f2f2;
|
||||
--bs-btn-focus-shadow-rgb: 242, 242, 242;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #f2f2f2;
|
||||
--bs-btn-active-border-color: #f2f2f2;
|
||||
--bs-btn-active-bg: whitesmoke;
|
||||
--bs-btn-active-border-color: whitesmoke;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #f2f2f2;
|
||||
--bs-btn-disabled-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(242, 242, 242, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-light-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
--bs-btn-color: #2a2a2a;
|
||||
--bs-btn-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-border-color: rgba(42, 42, 42, 0.15);
|
||||
--bs-btn-hover-color: #2a2a2a;
|
||||
--bs-btn-hover-bg: rgba(42, 42, 42, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(42, 42, 42, 0.3);
|
||||
--bs-btn-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-dark-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a2a2a;
|
||||
--bs-btn-hover-border-color: #2a2a2a;
|
||||
--bs-btn-focus-shadow-rgb: 42, 42, 42;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a2a2a;
|
||||
--bs-btn-active-border-color: #2a2a2a;
|
||||
--bs-btn-active-bg: #222222;
|
||||
--bs-btn-active-border-color: #222222;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a2a2a;
|
||||
--bs-btn-disabled-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(42, 42, 42, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-dark-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-primary {
|
||||
--bs-btn-color: #457aab;
|
||||
--bs-btn-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-hover-color: #457aab;
|
||||
--bs-btn-hover-bg: rgba(69, 122, 171, 0.2);
|
||||
--bs-btn-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #457aab;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 69, 122, 171;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #457aab;
|
||||
--bs-btn-active-bg: #376289;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #457aab;
|
||||
--bs-btn-disabled-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-secondary {
|
||||
--bs-btn-color: #5d6d75;
|
||||
--bs-btn-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-hover-color: #5d6d75;
|
||||
--bs-btn-hover-bg: rgba(93, 109, 117, 0.2);
|
||||
--bs-btn-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #5d6d75;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 93, 109, 117;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #5d6d75;
|
||||
--bs-btn-active-bg: #4a575e;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #5d6d75;
|
||||
--bs-btn-disabled-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-success {
|
||||
--bs-btn-color: #2a8256;
|
||||
--bs-btn-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-hover-color: #2a8256;
|
||||
--bs-btn-hover-bg: rgba(42, 130, 86, 0.2);
|
||||
--bs-btn-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a8256;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 42, 130, 86;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a8256;
|
||||
--bs-btn-active-bg: #226845;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a8256;
|
||||
--bs-btn-disabled-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-info {
|
||||
--bs-btn-color: #0068b3;
|
||||
--bs-btn-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-hover-color: #0068b3;
|
||||
--bs-btn-hover-bg: rgba(0, 104, 179, 0.2);
|
||||
--bs-btn-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #0068b3;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 0, 104, 179;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #0068b3;
|
||||
--bs-btn-active-bg: #00538f;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #0068b3;
|
||||
--bs-btn-disabled-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-warning {
|
||||
--bs-btn-color: #ffc107;
|
||||
--bs-btn-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-hover-color: #ffc107;
|
||||
--bs-btn-hover-bg: rgba(255, 193, 7, 0.2);
|
||||
--bs-btn-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #ffc107;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 255, 193, 7;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #ffc107;
|
||||
--bs-btn-active-bg: #ffcd39;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #ffc107;
|
||||
--bs-btn-disabled-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-danger {
|
||||
--bs-btn-color: #c42526;
|
||||
--bs-btn-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-hover-color: #c42526;
|
||||
--bs-btn-hover-bg: rgba(196, 37, 38, 0.2);
|
||||
--bs-btn-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #c42526;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 196, 37, 38;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #c42526;
|
||||
--bs-btn-active-bg: #9d1e1e;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #c42526;
|
||||
--bs-btn-disabled-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-light {
|
||||
--bs-btn-color: #f2f2f2;
|
||||
--bs-btn-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-hover-color: #f2f2f2;
|
||||
--bs-btn-hover-bg: rgba(242, 242, 242, 0.2);
|
||||
--bs-btn-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #f2f2f2;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 242, 242, 242;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #f2f2f2;
|
||||
--bs-btn-active-bg: whitesmoke;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #f2f2f2;
|
||||
--bs-btn-disabled-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-dark {
|
||||
--bs-btn-color: #2a2a2a;
|
||||
--bs-btn-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-hover-color: #2a2a2a;
|
||||
--bs-btn-hover-bg: rgba(42, 42, 42, 0.2);
|
||||
--bs-btn-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a2a2a;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 42, 42, 42;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a2a2a;
|
||||
--bs-btn-active-bg: #222222;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a2a2a;
|
||||
--bs-btn-disabled-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
|
|
@ -4685,8 +4717,9 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.alert-link {
|
||||
font-weight: 400;
|
||||
font-weight: 700;
|
||||
color: var(--bs-alert-link-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.alert-dismissible {
|
||||
|
|
@ -4704,56 +4737,56 @@ textarea.form-control-lg {
|
|||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #457aab;
|
||||
--bs-alert-border-color: #457aab;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-secondary {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #5d6d75;
|
||||
--bs-alert-border-color: #5d6d75;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #2a8256;
|
||||
--bs-alert-border-color: #2a8256;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #0068b3;
|
||||
--bs-alert-border-color: #0068b3;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
--bs-alert-color: #222;
|
||||
--bs-alert-bg: #ffc107;
|
||||
--bs-alert-border-color: #ffc107;
|
||||
--bs-alert-link-color: #1f1f1f;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #c42526;
|
||||
--bs-alert-border-color: #c42526;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-light {
|
||||
--bs-alert-color: #222;
|
||||
--bs-alert-bg: #f2f2f2;
|
||||
--bs-alert-border-color: #f2f2f2;
|
||||
--bs-alert-link-color: #1f1f1f;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-dark {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #2a2a2a;
|
||||
--bs-alert-border-color: #2a2a2a;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.progress,
|
||||
|
|
|
|||
2
dist/css/bootstrap.css.map
vendored
2
dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css.map
vendored
2
dist/css/bootstrap.min.css.map
vendored
File diff suppressed because one or more lines are too long
343
dist/css/bootstrap.rtl.css
vendored
343
dist/css/bootstrap.rtl.css
vendored
|
|
@ -52,7 +52,7 @@
|
|||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #4e0f0f;
|
||||
--bs-light-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #5d6d75;
|
||||
--bs-dark-text-emphasis: #2a2a2a;
|
||||
--bs-primary-bg-subtle: #dae4ee;
|
||||
--bs-secondary-bg-subtle: #dfe2e3;
|
||||
--bs-success-bg-subtle: #d4e6dd;
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f3d3d4;
|
||||
--bs-light-bg-subtle: #f9f9f9;
|
||||
--bs-dark-bg-subtle: #cdcdcd;
|
||||
--bs-dark-bg-subtle: #e2e2e3;
|
||||
--bs-primary-border-subtle: #b5cadd;
|
||||
--bs-secondary-border-subtle: #bec5c8;
|
||||
--bs-success-border-subtle: #aacdbb;
|
||||
|
|
@ -3059,258 +3059,290 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
--bs-btn-color: #457aab;
|
||||
--bs-btn-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-border-color: rgba(69, 122, 171, 0.15);
|
||||
--bs-btn-hover-color: #457aab;
|
||||
--bs-btn-hover-bg: rgba(69, 122, 171, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(69, 122, 171, 0.3);
|
||||
--bs-btn-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-primary-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #457aab;
|
||||
--bs-btn-hover-border-color: #457aab;
|
||||
--bs-btn-focus-shadow-rgb: 69, 122, 171;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #457aab;
|
||||
--bs-btn-active-border-color: #457aab;
|
||||
--bs-btn-active-bg: #376289;
|
||||
--bs-btn-active-border-color: #376289;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #457aab;
|
||||
--bs-btn-disabled-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(69, 122, 171, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-primary-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
--bs-btn-color: #5d6d75;
|
||||
--bs-btn-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-border-color: rgba(93, 109, 117, 0.15);
|
||||
--bs-btn-hover-color: #5d6d75;
|
||||
--bs-btn-hover-bg: rgba(93, 109, 117, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(93, 109, 117, 0.3);
|
||||
--bs-btn-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-secondary-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #5d6d75;
|
||||
--bs-btn-hover-border-color: #5d6d75;
|
||||
--bs-btn-focus-shadow-rgb: 93, 109, 117;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #5d6d75;
|
||||
--bs-btn-active-border-color: #5d6d75;
|
||||
--bs-btn-active-bg: #4a575e;
|
||||
--bs-btn-active-border-color: #4a575e;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #5d6d75;
|
||||
--bs-btn-disabled-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(93, 109, 117, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-secondary-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-success {
|
||||
--bs-btn-color: #2a8256;
|
||||
--bs-btn-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-border-color: rgba(42, 130, 86, 0.15);
|
||||
--bs-btn-hover-color: #2a8256;
|
||||
--bs-btn-hover-bg: rgba(42, 130, 86, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(42, 130, 86, 0.3);
|
||||
--bs-btn-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-success-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a8256;
|
||||
--bs-btn-hover-border-color: #2a8256;
|
||||
--bs-btn-focus-shadow-rgb: 42, 130, 86;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a8256;
|
||||
--bs-btn-active-border-color: #2a8256;
|
||||
--bs-btn-active-bg: #226845;
|
||||
--bs-btn-active-border-color: #226845;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a8256;
|
||||
--bs-btn-disabled-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(42, 130, 86, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-success-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-info {
|
||||
--bs-btn-color: #0068b3;
|
||||
--bs-btn-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-border-color: rgba(0, 104, 179, 0.15);
|
||||
--bs-btn-hover-color: #0068b3;
|
||||
--bs-btn-hover-bg: rgba(0, 104, 179, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(0, 104, 179, 0.3);
|
||||
--bs-btn-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-info-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #0068b3;
|
||||
--bs-btn-hover-border-color: #0068b3;
|
||||
--bs-btn-focus-shadow-rgb: 0, 104, 179;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #0068b3;
|
||||
--bs-btn-active-border-color: #0068b3;
|
||||
--bs-btn-active-bg: #00538f;
|
||||
--bs-btn-active-border-color: #00538f;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #0068b3;
|
||||
--bs-btn-disabled-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(0, 104, 179, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-info-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-warning {
|
||||
--bs-btn-color: #ffc107;
|
||||
--bs-btn-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-border-color: rgba(255, 193, 7, 0.15);
|
||||
--bs-btn-hover-color: #ffc107;
|
||||
--bs-btn-hover-bg: rgba(255, 193, 7, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(255, 193, 7, 0.3);
|
||||
--bs-btn-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-warning-border-subtle);
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #ffc107;
|
||||
--bs-btn-hover-border-color: #ffc107;
|
||||
--bs-btn-focus-shadow-rgb: 255, 193, 7;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #ffc107;
|
||||
--bs-btn-active-border-color: #ffc107;
|
||||
--bs-btn-active-bg: #ffcd39;
|
||||
--bs-btn-active-border-color: #ffcd39;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #ffc107;
|
||||
--bs-btn-disabled-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(255, 193, 7, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-warning-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
--bs-btn-color: #c42526;
|
||||
--bs-btn-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-border-color: rgba(196, 37, 38, 0.15);
|
||||
--bs-btn-hover-color: #c42526;
|
||||
--bs-btn-hover-bg: rgba(196, 37, 38, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(196, 37, 38, 0.3);
|
||||
--bs-btn-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-danger-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #c42526;
|
||||
--bs-btn-hover-border-color: #c42526;
|
||||
--bs-btn-focus-shadow-rgb: 196, 37, 38;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #c42526;
|
||||
--bs-btn-active-border-color: #c42526;
|
||||
--bs-btn-active-bg: #9d1e1e;
|
||||
--bs-btn-active-border-color: #9d1e1e;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #c42526;
|
||||
--bs-btn-disabled-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(196, 37, 38, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-danger-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-light {
|
||||
--bs-btn-color: #f2f2f2;
|
||||
--bs-btn-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-border-color: rgba(242, 242, 242, 0.15);
|
||||
--bs-btn-hover-color: #f2f2f2;
|
||||
--bs-btn-hover-bg: rgba(242, 242, 242, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(242, 242, 242, 0.3);
|
||||
--bs-btn-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-light-border-subtle);
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #f2f2f2;
|
||||
--bs-btn-hover-border-color: #f2f2f2;
|
||||
--bs-btn-focus-shadow-rgb: 242, 242, 242;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #f2f2f2;
|
||||
--bs-btn-active-border-color: #f2f2f2;
|
||||
--bs-btn-active-bg: whitesmoke;
|
||||
--bs-btn-active-border-color: whitesmoke;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #f2f2f2;
|
||||
--bs-btn-disabled-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(242, 242, 242, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-light-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
--bs-btn-color: #2a2a2a;
|
||||
--bs-btn-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-border-color: rgba(42, 42, 42, 0.15);
|
||||
--bs-btn-hover-color: #2a2a2a;
|
||||
--bs-btn-hover-bg: rgba(42, 42, 42, 0.2);
|
||||
--bs-btn-hover-border-color: rgba(42, 42, 42, 0.3);
|
||||
--bs-btn-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-border-color: var(--bs-dark-border-subtle);
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a2a2a;
|
||||
--bs-btn-hover-border-color: #2a2a2a;
|
||||
--bs-btn-focus-shadow-rgb: 42, 42, 42;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a2a2a;
|
||||
--bs-btn-active-border-color: #2a2a2a;
|
||||
--bs-btn-active-bg: #222222;
|
||||
--bs-btn-active-border-color: #222222;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a2a2a;
|
||||
--bs-btn-disabled-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-disabled-border-color: rgba(42, 42, 42, 0.15);
|
||||
--bs-btn-disabled-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-disabled-border-color: var(--bs-dark-border-subtle);
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-primary {
|
||||
--bs-btn-color: #457aab;
|
||||
--bs-btn-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-hover-color: #457aab;
|
||||
--bs-btn-hover-bg: rgba(69, 122, 171, 0.2);
|
||||
--bs-btn-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #457aab;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 69, 122, 171;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #457aab;
|
||||
--bs-btn-active-bg: #376289;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #457aab;
|
||||
--bs-btn-disabled-bg: rgba(69, 122, 171, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-primary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-primary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-secondary {
|
||||
--bs-btn-color: #5d6d75;
|
||||
--bs-btn-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-hover-color: #5d6d75;
|
||||
--bs-btn-hover-bg: rgba(93, 109, 117, 0.2);
|
||||
--bs-btn-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #5d6d75;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 93, 109, 117;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #5d6d75;
|
||||
--bs-btn-active-bg: #4a575e;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #5d6d75;
|
||||
--bs-btn-disabled-bg: rgba(93, 109, 117, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-secondary-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-success {
|
||||
--bs-btn-color: #2a8256;
|
||||
--bs-btn-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-hover-color: #2a8256;
|
||||
--bs-btn-hover-bg: rgba(42, 130, 86, 0.2);
|
||||
--bs-btn-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a8256;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 42, 130, 86;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a8256;
|
||||
--bs-btn-active-bg: #226845;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a8256;
|
||||
--bs-btn-disabled-bg: rgba(42, 130, 86, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-success-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-success-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-info {
|
||||
--bs-btn-color: #0068b3;
|
||||
--bs-btn-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-hover-color: #0068b3;
|
||||
--bs-btn-hover-bg: rgba(0, 104, 179, 0.2);
|
||||
--bs-btn-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #0068b3;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 0, 104, 179;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #0068b3;
|
||||
--bs-btn-active-bg: #00538f;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #0068b3;
|
||||
--bs-btn-disabled-bg: rgba(0, 104, 179, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-info-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-info-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-warning {
|
||||
--bs-btn-color: #ffc107;
|
||||
--bs-btn-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-hover-color: #ffc107;
|
||||
--bs-btn-hover-bg: rgba(255, 193, 7, 0.2);
|
||||
--bs-btn-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #ffc107;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 255, 193, 7;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #ffc107;
|
||||
--bs-btn-active-bg: #ffcd39;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #ffc107;
|
||||
--bs-btn-disabled-bg: rgba(255, 193, 7, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-warning-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-warning-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-danger {
|
||||
--bs-btn-color: #c42526;
|
||||
--bs-btn-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-hover-color: #c42526;
|
||||
--bs-btn-hover-bg: rgba(196, 37, 38, 0.2);
|
||||
--bs-btn-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #c42526;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 196, 37, 38;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #c42526;
|
||||
--bs-btn-active-bg: #9d1e1e;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #c42526;
|
||||
--bs-btn-disabled-bg: rgba(196, 37, 38, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-danger-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-danger-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-light {
|
||||
--bs-btn-color: #f2f2f2;
|
||||
--bs-btn-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-hover-color: #f2f2f2;
|
||||
--bs-btn-hover-bg: rgba(242, 242, 242, 0.2);
|
||||
--bs-btn-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #222;
|
||||
--bs-btn-hover-bg: #f2f2f2;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 242, 242, 242;
|
||||
--bs-btn-active-color: #222;
|
||||
--bs-btn-active-bg: #f2f2f2;
|
||||
--bs-btn-active-bg: whitesmoke;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #f2f2f2;
|
||||
--bs-btn-disabled-bg: rgba(242, 242, 242, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-light-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-light-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
.btn-tint-dark {
|
||||
--bs-btn-color: #2a2a2a;
|
||||
--bs-btn-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-hover-color: #2a2a2a;
|
||||
--bs-btn-hover-bg: rgba(42, 42, 42, 0.2);
|
||||
--bs-btn-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #2a2a2a;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-focus-shadow-rgb: 42, 42, 42;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2a2a2a;
|
||||
--bs-btn-active-bg: #222222;
|
||||
--bs-btn-active-border-color: transparent;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(34, 34, 34, 0.125);
|
||||
--bs-btn-disabled-color: #2a2a2a;
|
||||
--bs-btn-disabled-bg: rgba(42, 42, 42, 0.1);
|
||||
--bs-btn-disabled-color: var(--bs-dark-text-emphasis);
|
||||
--bs-btn-disabled-bg: var(--bs-dark-bg-subtle);
|
||||
--bs-btn-disabled-border-color: transparent;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
|
||||
|
|
@ -4683,8 +4715,9 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.alert-link {
|
||||
font-weight: 400;
|
||||
font-weight: 700;
|
||||
color: var(--bs-alert-link-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.alert-dismissible {
|
||||
|
|
@ -4702,56 +4735,56 @@ textarea.form-control-lg {
|
|||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #457aab;
|
||||
--bs-alert-border-color: #457aab;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-secondary {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #5d6d75;
|
||||
--bs-alert-border-color: #5d6d75;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #2a8256;
|
||||
--bs-alert-border-color: #2a8256;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #0068b3;
|
||||
--bs-alert-border-color: #0068b3;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
--bs-alert-color: #222;
|
||||
--bs-alert-bg: #ffc107;
|
||||
--bs-alert-border-color: #ffc107;
|
||||
--bs-alert-link-color: #1f1f1f;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #c42526;
|
||||
--bs-alert-border-color: #c42526;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-light {
|
||||
--bs-alert-color: #222;
|
||||
--bs-alert-bg: #f2f2f2;
|
||||
--bs-alert-border-color: #f2f2f2;
|
||||
--bs-alert-link-color: #1f1f1f;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.alert-dark {
|
||||
--bs-alert-color: #fff;
|
||||
--bs-alert-bg: #2a2a2a;
|
||||
--bs-alert-border-color: #2a2a2a;
|
||||
--bs-alert-link-color: #e6e6e6;
|
||||
--bs-alert-link-color: var(--bs-alert-color);
|
||||
}
|
||||
|
||||
.progress,
|
||||
|
|
|
|||
2
dist/css/bootstrap.rtl.css.map
vendored
2
dist/css/bootstrap.rtl.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.rtl.min.css
vendored
2
dist/css/bootstrap.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.rtl.min.css.map
vendored
2
dist/css/bootstrap.rtl.min.css.map
vendored
File diff suppressed because one or more lines are too long
|
|
@ -34,6 +34,7 @@
|
|||
.alert-link {
|
||||
font-weight: $alert-link-font-weight;
|
||||
color: var(--#{$prefix}alert-link-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -69,7 +70,13 @@
|
|||
--#{$prefix}alert-color: #{color-contrast($value)};
|
||||
--#{$prefix}alert-bg: #{$value};
|
||||
--#{$prefix}alert-border-color: #{$value};
|
||||
--#{$prefix}alert-link-color: #{shade-color(color-contrast($value), 10%)};
|
||||
// The link deliberately keeps the alert's own text color. These alerts are
|
||||
// solid and saturated, so `--#{$prefix}alert-color` is already at maximum
|
||||
// contrast against the fill; any shade or tint of it can only reduce
|
||||
// contrast. (The previous `shade-color(color-contrast($value), 10%)` shaded
|
||||
// *white* to #e6e6e6 on the six dark alerts, making links dimmer than the
|
||||
// surrounding text.) Emphasis comes from weight and the underline instead.
|
||||
--#{$prefix}alert-link-color: var(--#{$prefix}alert-color);
|
||||
}
|
||||
}
|
||||
// scss-docs-end alert-modifiers
|
||||
|
|
|
|||
|
|
@ -156,13 +156,13 @@
|
|||
|
||||
@each $color, $value in $theme-colors {
|
||||
.btn-outline-#{$color} {
|
||||
@include button-outline-variant($value);
|
||||
@include button-outline-variant($color, $value);
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.btn-tint-#{$color} {
|
||||
@include button-tint-variant($value);
|
||||
@include button-tint-variant($color, $value);
|
||||
}
|
||||
}
|
||||
// scss-docs-end btn-variant-loops
|
||||
|
|
|
|||
|
|
@ -329,7 +329,7 @@ $info-text-emphasis: shade-color($info, 60%) !default;
|
|||
$warning-text-emphasis: shade-color($warning, 60%) !default;
|
||||
$danger-text-emphasis: shade-color($danger, 60%) !default;
|
||||
$light-text-emphasis: $gray-700 !default;
|
||||
$dark-text-emphasis: $gray-700 !default;
|
||||
$dark-text-emphasis: $gray-900 !default;
|
||||
// scss-docs-end theme-text-variables
|
||||
|
||||
// scss-docs-start theme-bg-subtle-variables
|
||||
|
|
@ -340,7 +340,7 @@ $info-bg-subtle: tint-color($info, 80%) !default;
|
|||
$warning-bg-subtle: tint-color($warning, 80%) !default;
|
||||
$danger-bg-subtle: tint-color($danger, 80%) !default;
|
||||
$light-bg-subtle: mix($gray-100, $white) !default;
|
||||
$dark-bg-subtle: $gray-400 !default;
|
||||
$dark-bg-subtle: $gray-200 !default;
|
||||
// scss-docs-end theme-bg-subtle-variables
|
||||
|
||||
// scss-docs-start theme-border-subtle-variables
|
||||
|
|
@ -1548,7 +1548,7 @@ $alert-padding-y: $spacer !default;
|
|||
$alert-padding-x: $spacer !default;
|
||||
$alert-margin-bottom: 1rem !default;
|
||||
$alert-border-radius: var(--#{$prefix}border-radius) !default;
|
||||
$alert-link-font-weight: $font-weight-normal !default;
|
||||
$alert-link-font-weight: $font-weight-bold !default;
|
||||
$alert-border-width: var(--#{$prefix}border-width) !default;
|
||||
$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side
|
||||
// scss-docs-end alert-variables
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
--#{$prefix}alert-color: #{$color};
|
||||
--#{$prefix}alert-bg: #{$background};
|
||||
--#{$prefix}alert-border-color: #{$border};
|
||||
--#{$prefix}alert-link-color: #{shade-color($color, 10%)};
|
||||
--#{$prefix}alert-link-color: var(--#{$prefix}alert-color);
|
||||
|
||||
@if $enable-gradients {
|
||||
background-image: var(--#{$prefix}gradient);
|
||||
|
|
|
|||
|
|
@ -36,62 +36,82 @@
|
|||
// scss-docs-end btn-variant-mixin
|
||||
|
||||
// Tinted "outline" button variant.
|
||||
// The resting state uses a translucent tint of the color plus a slightly
|
||||
// darker border of the same hue. Hover deepens both the tint and the border;
|
||||
// active fills solid.
|
||||
//
|
||||
// This fork replaces Bootstrap's transparent outline buttons with a tinted
|
||||
// style. The tints are the opaque color-mode custom properties from
|
||||
// `_root.scss` (`-bg-subtle` / `-border-subtle` / `-text-emphasis`) rather
|
||||
// than `rgba()` of the theme color, for two reasons: translucent fills
|
||||
// composite over the parent element, so the button changes appearance on any
|
||||
// non-white background, and the raw theme color as text fails WCAG on light
|
||||
// fills (`$warning` is ~1.6:1 against white). The subtle/emphasis pair is
|
||||
// opaque and pre-darkened, and it swaps under `[data-bs-theme="dark"]`.
|
||||
//
|
||||
// Intensity ladder: rest is the subtle fill, hover fills solid, active deepens
|
||||
// the solid fill by the same shade/tint amounts the solid `.btn-*` variants
|
||||
// use. Hover deliberately jumps to solid rather than to `-border-subtle`: that
|
||||
// variable is a *border* color, not a background, and pairing it with
|
||||
// `-text-emphasis` lands around 4.1:1 in dark mode where both are mid-tone.
|
||||
//
|
||||
// `$name` is the `$theme-colors` key (e.g. "primary") used to build the custom
|
||||
// property names; `$color` is still needed for the focus ring and for
|
||||
// `color-contrast()` on the solid active state.
|
||||
// scss-docs-start btn-outline-variant-mixin
|
||||
@mixin button-outline-variant(
|
||||
$name,
|
||||
$color,
|
||||
$color-hover: $color,
|
||||
$active-background: $color,
|
||||
$active-color: color-contrast($active-background),
|
||||
$tint-amount: .1,
|
||||
$hover-tint-amount: .2,
|
||||
$disabled-tint-amount: .1,
|
||||
$border-tint-amount: .15,
|
||||
$hover-border-tint-amount: .3
|
||||
$hover-background: $color,
|
||||
$color-hover: color-contrast($hover-background),
|
||||
$active-background: if(color-contrast($color) == $color-contrast-light, shade-color($color, $btn-active-bg-shade-amount), tint-color($color, $btn-active-bg-tint-amount)),
|
||||
$active-border: $active-background,
|
||||
$active-color: color-contrast($active-background)
|
||||
) {
|
||||
--#{$prefix}btn-color: #{$color};
|
||||
--#{$prefix}btn-bg: #{rgba($color, $tint-amount)};
|
||||
--#{$prefix}btn-border-color: #{rgba($color, $border-tint-amount)};
|
||||
--#{$prefix}btn-color: var(--#{$prefix}#{$name}-text-emphasis);
|
||||
--#{$prefix}btn-bg: var(--#{$prefix}#{$name}-bg-subtle);
|
||||
--#{$prefix}btn-border-color: var(--#{$prefix}#{$name}-border-subtle);
|
||||
--#{$prefix}btn-hover-color: #{$color-hover};
|
||||
--#{$prefix}btn-hover-bg: #{rgba($color, $hover-tint-amount)};
|
||||
--#{$prefix}btn-hover-border-color: #{rgba($color, $hover-border-tint-amount)};
|
||||
--#{$prefix}btn-hover-bg: #{$hover-background};
|
||||
--#{$prefix}btn-hover-border-color: #{$hover-background};
|
||||
--#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};
|
||||
--#{$prefix}btn-active-color: #{$active-color};
|
||||
--#{$prefix}btn-active-bg: #{$active-background};
|
||||
--#{$prefix}btn-active-border-color: #{$active-background};
|
||||
--#{$prefix}btn-active-border-color: #{$active-border};
|
||||
--#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
|
||||
--#{$prefix}btn-disabled-color: #{$color};
|
||||
--#{$prefix}btn-disabled-bg: #{rgba($color, $disabled-tint-amount)};
|
||||
--#{$prefix}btn-disabled-border-color: #{rgba($color, $border-tint-amount)};
|
||||
--#{$prefix}btn-disabled-color: var(--#{$prefix}#{$name}-text-emphasis);
|
||||
--#{$prefix}btn-disabled-bg: var(--#{$prefix}#{$name}-bg-subtle);
|
||||
--#{$prefix}btn-disabled-border-color: var(--#{$prefix}#{$name}-border-subtle);
|
||||
--#{$prefix}gradient: none;
|
||||
}
|
||||
// scss-docs-end btn-outline-variant-mixin
|
||||
|
||||
// Borderless, tinted button variant (`.btn-tint-*`).
|
||||
// Same tinted fill as the outline variant but with no border at all — every
|
||||
// border variable is left as its `.btn` default of transparent.
|
||||
// Same fill ladder as the outline variant with no border at all. Every border
|
||||
// variable is declared explicitly as `transparent`: `.btn` only defaults
|
||||
// `--#{$prefix}btn-border-color` and `--#{$prefix}btn-hover-border-color`, so
|
||||
// leaving the active and disabled ones undeclared makes `border-color:
|
||||
// var(…)` fall back to `currentColor` and draw a ring on `:active`.
|
||||
// scss-docs-start btn-tint-variant-mixin
|
||||
@mixin button-tint-variant(
|
||||
$name,
|
||||
$color,
|
||||
$color-hover: $color,
|
||||
$active-background: $color,
|
||||
$active-color: color-contrast($active-background),
|
||||
$tint-amount: .1,
|
||||
$hover-tint-amount: .2,
|
||||
$disabled-tint-amount: .1
|
||||
$hover-background: $color,
|
||||
$color-hover: color-contrast($hover-background),
|
||||
$active-background: if(color-contrast($color) == $color-contrast-light, shade-color($color, $btn-active-bg-shade-amount), tint-color($color, $btn-active-bg-tint-amount)),
|
||||
$active-color: color-contrast($active-background)
|
||||
) {
|
||||
--#{$prefix}btn-color: #{$color};
|
||||
--#{$prefix}btn-bg: #{rgba($color, $tint-amount)};
|
||||
--#{$prefix}btn-color: var(--#{$prefix}#{$name}-text-emphasis);
|
||||
--#{$prefix}btn-bg: var(--#{$prefix}#{$name}-bg-subtle);
|
||||
--#{$prefix}btn-border-color: transparent;
|
||||
--#{$prefix}btn-hover-color: #{$color-hover};
|
||||
--#{$prefix}btn-hover-bg: #{rgba($color, $hover-tint-amount)};
|
||||
--#{$prefix}btn-hover-bg: #{$hover-background};
|
||||
--#{$prefix}btn-hover-border-color: transparent;
|
||||
--#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};
|
||||
--#{$prefix}btn-active-color: #{$active-color};
|
||||
--#{$prefix}btn-active-bg: #{$active-background};
|
||||
--#{$prefix}btn-active-border-color: transparent;
|
||||
--#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
|
||||
--#{$prefix}btn-disabled-color: #{$color};
|
||||
--#{$prefix}btn-disabled-bg: #{rgba($color, $disabled-tint-amount)};
|
||||
--#{$prefix}btn-disabled-color: var(--#{$prefix}#{$name}-text-emphasis);
|
||||
--#{$prefix}btn-disabled-bg: var(--#{$prefix}#{$name}-bg-subtle);
|
||||
--#{$prefix}btn-disabled-border-color: transparent;
|
||||
--#{$prefix}gradient: none;
|
||||
}
|
||||
// scss-docs-end btn-tint-variant-mixin
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue