assets/themes/j1/core/css/themes/unolight/bootstrap.css in j1-template-2023.8.2 vs assets/themes/j1/core/css/themes/unolight/bootstrap.css in j1-template-2023.9.0
- old
+ new
@@ -63,11 +63,11 @@
$caret-width: .3em !default;
$caret-width-lg: $caret-width !default;
*/
/*!
- * Bootstrap v5.3.1 (https://getbootstrap.com/)
+ * Bootstrap v5.3.2 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme="light"] {
@@ -162,10 +162,11 @@
--bs-link-color-rgb: 13, 71, 161;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a3981;
--bs-link-hover-color-rgb: 10, 57, 129;
--bs-code-color: #e91e63;
+ --bs-highlight-color: #424242;
--bs-highlight-bg: #fff9c4;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #e0e0e0;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
@@ -232,10 +233,12 @@
--bs-link-color: #7ac0f8;
--bs-link-hover-color: #95cdf9;
--bs-link-color-rgb: 122, 192, 248;
--bs-link-hover-color-rgb: 149, 205, 249;
--bs-code-color: #f278a1;
+ --bs-highlight-color: #e0e0e0;
+ --bs-highlight-bg: #f9a825;
--bs-border-color: #616161;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #81c784;
--bs-form-valid-border-color: #81c784;
--bs-form-invalid-color: #e57373;
@@ -353,10 +356,11 @@
small, .small {
font-size: 0.875em; }
mark, .mark {
padding: 0.1875em;
+ color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg); }
sub,
sup {
position: relative;
@@ -1710,20 +1714,20 @@
.table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
- --bs-table-color: var(--bs-body-color);
+ --bs-table-color: var(--bs-emphasis-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
- --bs-table-striped-color: var(--bs-body-color);
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
- --bs-table-active-color: var(--bs-body-color);
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
- --bs-table-hover-color: var(--bs-body-color);
- --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+ --bs-table-striped-color: var(--bs-emphasis-color);
+ --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
+ --bs-table-active-color: var(--bs-emphasis-color);
+ --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
+ --bs-table-hover-color: var(--bs-emphasis-color);
+ --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--bs-table-border-color); }
.table > :not(caption) > * > * {
@@ -1774,11 +1778,11 @@
--bs-table-bg-state: var(--bs-table-hover-bg); }
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #d3eafd;
- --bs-table-border-color: #bed3e4;
+ --bs-table-border-color: #a9bbca;
--bs-table-striped-bg: #c8def0;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bed3e4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c3d8ea;
@@ -1787,11 +1791,11 @@
border-color: var(--bs-table-border-color); }
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: #e3e3e3;
- --bs-table-border-color: #cccccc;
+ --bs-table-border-color: #b6b6b6;
--bs-table-striped-bg: #d8d8d8;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cccccc;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d2d2d2;
@@ -1800,11 +1804,11 @@
border-color: var(--bs-table-border-color); }
.table-success {
--bs-table-color: #000;
--bs-table-bg: #dbefdc;
- --bs-table-border-color: #c5d7c6;
+ --bs-table-border-color: #afbfb0;
--bs-table-striped-bg: #d0e3d1;
--bs-table-striped-color: #000;
--bs-table-active-bg: #c5d7c6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #cbddcc;
@@ -1813,11 +1817,11 @@
border-color: var(--bs-table-border-color); }
.table-info {
--bs-table-color: #000;
--bs-table-bg: #ccf2f6;
- --bs-table-border-color: #b8dadd;
+ --bs-table-border-color: #a3c2c5;
--bs-table-striped-bg: #c2e6ea;
--bs-table-striped-color: #000;
--bs-table-active-bg: #b8dadd;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bde0e4;
@@ -1826,11 +1830,11 @@
border-color: var(--bs-table-border-color); }
.table-warning {
--bs-table-color: #000;
--bs-table-bg: #fef2d5;
- --bs-table-border-color: #e5dac0;
+ --bs-table-border-color: #cbc2aa;
--bs-table-striped-bg: #f1e6ca;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e5dac0;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ebe0c5;
@@ -1839,11 +1843,11 @@
border-color: var(--bs-table-border-color); }
.table-danger {
--bs-table-color: #000;
--bs-table-bg: #fdd9d7;
- --bs-table-border-color: #e4c3c2;
+ --bs-table-border-color: #caaeac;
--bs-table-striped-bg: #f0cecc;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e4c3c2;
--bs-table-active-color: #000;
--bs-table-hover-bg: #eac9c7;
@@ -1852,11 +1856,11 @@
border-color: var(--bs-table-border-color); }
.table-light {
--bs-table-color: #000;
--bs-table-bg: #e0e0e0;
- --bs-table-border-color: #cacaca;
+ --bs-table-border-color: #b3b3b3;
--bs-table-striped-bg: #d5d5d5;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cacaca;
--bs-table-active-color: #000;
--bs-table-hover-bg: #cfcfcf;
@@ -1865,11 +1869,11 @@
border-color: var(--bs-table-border-color); }
.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #212121;
- --bs-table-border-color: #373737;
+ --bs-table-border-color: #4d4d4d;
--bs-table-striped-bg: #2c2c2c;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373737;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323232;
@@ -2068,19 +2072,19 @@
background-repeat: no-repeat;
background-position: right 0 center;
background-size: 16px 12px;
border: var(--bs-border-width) solid rgba(0, 0, 0, 0.26);
border-radius: 0;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ box-shadow: var(--bs-box-shadow-inset);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none; } }
.form-select:focus {
border-color: #90cbf9;
outline: 0;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
+ box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0;
background-image: none; }
.form-select:disabled {
background-color: var(--bs-secondary-bg); }
@@ -2123,10 +2127,11 @@
margin-right: -1.5em;
margin-left: 0; }
.form-check-input {
--bs-form-check-bg: rgba(0, 0, 0, 0);
+ flex-shrink: 0;
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
appearance: none;
@@ -2239,14 +2244,14 @@
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
- background-color: var(--bs-tertiary-bg);
+ background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
+ box-shadow: var(--bs-box-shadow-inset); }
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
appearance: none;
background-color: #2196f3;
@@ -2262,14 +2267,14 @@
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
- background-color: var(--bs-tertiary-bg);
+ background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
+ box-shadow: var(--bs-box-shadow-inset); }
.form-range:disabled {
pointer-events: none; }
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--bs-secondary-color); }
.form-range:disabled::-moz-range-thumb {
@@ -4718,11 +4723,11 @@
--bs-modal-color: ;
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius-lg);
- --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ --bs-modal-box-shadow: var(--bs-box-shadow-sm);
--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
@@ -4839,11 +4844,11 @@
margin: calc(var(--bs-modal-footer-gap) * .5); }
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
- --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
+ --bs-modal-box-shadow: var(--bs-box-shadow); }
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto; }
.modal-sm {
@@ -5049,11 +5054,11 @@
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: var(--bs-border-radius-lg);
--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
- --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ --bs-popover-box-shadow: var(--bs-box-shadow);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg);
@@ -5423,11 +5428,11 @@
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: var(--bs-body-color);
--bs-offcanvas-bg: var(--bs-body-bg);
--bs-offcanvas-border-width: var(--bs-border-width);
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
- --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
--bs-offcanvas-transition: transform 0.3s ease-in-out;
--bs-offcanvas-title-line-height: 1.5; }
@media (max-width: 575.98px) {
.offcanvas-sm {
@@ -6274,16 +6279,16 @@
.d-none {
display: none !important; }
.shadow {
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
+ box-shadow: var(--bs-box-shadow) !important; }
.shadow-sm {
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
+ box-shadow: var(--bs-box-shadow-sm) !important; }
.shadow-lg {
- box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
+ box-shadow: var(--bs-box-shadow-lg) !important; }
.shadow-none {
box-shadow: none !important; }
.focus-ring-primary {