Cannot resolve '--bs-blockquote-footer-color' custom property
Cannot resolve '--bs-body-text-align' custom property
Cannot resolve '--bs-breadcrumb-divider' custom property
Cannot resolve '--bs-breadcrumb-font-size' custom property
Cannot resolve '--bs-card-border-dashed-color' custom property
Cannot resolve '--bs-dropdown-item-border-radius' custom property
Cannot resolve '--bs-emphasis-bg-rgb' custom property
Cannot resolve '--bs-form-select-box-shadow' custom property
Cannot resolve '--bs-form-select-color' custom property
Cannot resolve '--bs-form-select-disabled-bg' custom property
Cannot resolve '--bs-form-select-disabled-border-color' custom property
Cannot resolve '--bs-form-select-disabled-color' custom property
Cannot resolve '--bs-form-select-focus-border-color' custom property
Cannot resolve '--bs-form-select-focus-box-shadow' custom property
Cannot resolve '--bs-light-active-rgb' custom property
Cannot resolve '--bs-light-light' custom property
Cannot resolve '--bs-link-opacity' custom property
Cannot resolve '--bs-muted' custom property
Cannot resolve '--bs-nav-link-font-size' custom property
Cannot resolve '--bs-primary-active-rgb' custom property
Cannot resolve '--bs-scroll-height' custom property
Cannot resolve '--bs-secondary-active-rgb' custom property
Cannot resolve '--bs-success-active-rgb' custom property
Cannot resolve '--bs-table-loading-message-bg' custom property
Cannot resolve '--bs-table-loading-message-box-shadow' custom property
Cannot resolve '--bs-table-loading-message-color' custom property
Cannot resolve '--bs-text-400' custom property
Cannot resolve '--bs-white-active' custom property
Cannot resolve '--bs-white-active-rgb' custom property
Cannot resolve '--bs-white-bg-rgb' custom property
Cannot resolve '--bs-white-bg-subtle' custom property
Cannot resolve '--bs-white-border-subtle' custom property
Cannot resolve '--bs-white-inverse' custom property
Cannot resolve '--bs-white-light' custom property
Cannot resolve '--bs-white-text' custom property
...
Cannot resolve '--universal-margin' custom property
Cannot resolve '--input-invalid-color' custom property
Cannot resolve '--tagify-dd-item--hidden-duration' custom property
Cannot resolve '--fa-style-family' custom property
Cannot resolve '--fa-style' custom property
Cannot resolve '--fa-display' custom property
Cannot resolve '--bs-input-color' custom property
Cannot resolve '--bs-input-solid-color' custom property
Cannot resolve '--bs-input-solid-placeholder-color' custom property
Cannot resolve '--bs-hover-bg' custom property
...
style.bundle.css
we fixed some CSS variables however some errors came from the bootstrap v5.3.0-alpha original CSS source. However these errors are not major bugs and hopefully, they will be fixed in the next update of Bootstrap. plugins.bundle.css
we fixed some CSS variables except --fa
ones as they were set to empty in the original plugin source. .badge {
--bs-badge-color: var(--bs-badge-color);
display: inline-flex;
align-items: center;
}
color: var(--bs-badge-color);
.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
background-color: var(--bs-input-solid-bg-focus);
}
background-color: var(--bs-input-solid-bg-focus);
doesn't work, I had to force to var(--bs-gray-100)
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0, 0, 0, 0.5);
background: transparent;
pointer-events: none;
}
font-size: 100%;
results awkward (actually also in Metronic 8.1.6). I forced to font-size: 1.1rem;
data-bs-theme='light'
attribute assigned to the body tag once the HTML is loaded, without having to wait for other the css files to load.