<div class="my-div" style="--image:url([+image+]); --image-hover:url([+image_hover+])">
</div>
.my-div {
/* по умолчанию, если не задано в разметке */
--image: none;
--image-hover: none;
background-image: var(--image);
}
.my-div:hover {
background-image: var(--image-hover);
}
<!-- так -->
<div class="my-div" style="--image:url(/[+image+])"></div>
<!-- или так -->
<div class="my-div" style="--image:url([(site_url)][+image+])"></div>
overscroll-behavior
.two {
overscroll-behavior: none;
}
.my-button {
--bs-btn-color: ...;
--bs-btn-bg: ...;
--bs-btn-border-color: ...;
--bs-btn-hover-color: ...;
--bs-btn-hover-bg: ...;
--bs-btn-hover-border-color: ...;
--bs-btn-focus-shadow-rgb: ...;
--bs-btn-active-color: ...;
--bs-btn-active-bg: ...;
--bs-btn-active-border-color: ...;
--bs-btn-active-shadow: ...;
--bs-btn-disabled-color: ...;
--bs-btn-disabled-bg: ...;
--bs-btn-disabled-border-color: ...;
}
<button class="btn my-button">
</button>
div {
display: flex;
align-items: center;
}