<div class="combined-background">
<div class="combined-background__inner">
</div>
</div>.combined-background {
width: 100px;
height: 100px;
background-color: #81d9ff;
display: flex;
justify-content: center;
align-items: center;
}
.combined-background__inner{
width: 50px;
height: 50px;
background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/1200px-How_to_use_icon.svg.png"), linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
background-size: 60% 60%, 100% 100%;
background-repeat: no-repeat;
border-radius: 100%;
background-position: center center;
}<div class="some">
<div class="some__container">
<div class="some__left">
<i class="far fa-clock fa-3x"></i>
</div>
<div class="some__right">
<div class="some__header">
Lorem ipsum dolor sit amet
</div>
<div class="some__main">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
</div>
</div>
</div>
</div>.some {
$parent: 'some';
position: relative;
&__container{
padding: 30px 0;
display: flex;
}
i {
color: #f7833f;
}
&__left{
margin-right: 50px;
}
&__right{
display: flex;
flex-direction: column;
color: #657276;
.#{$parent}__header{
text-transform: uppercase;
margin-bottom: 10px;
font-weight: bold;
}
}
}<div></div>div{
position: relative;
width: 300px;
height: 300px;
}
div::before, div::after{
content: '';
display: inline-block;
height: 100%;
width: 1px;
background: linear-gradient(to top, #a2a8ae00, #a2a8ae, #a2a8ae00);
}
div::after{
position: absolute;
right:0;
}<div id="test"><div id="test">
{% for table in tables %}
{{ table|safe }}
{% endfor %}
</div><div id="test"> заменяете весь контент тем, что содержится в ответе $("#test").html(response);.$("#test").append(response) npm install imask and import IMask from 'imask';function addToCart(id) {
let product = products.find(it => it.id === parseInt(id));
cart.push(product);
console.log(cart);
renderCart();
};
// Удаление товара из корзины
function removeFromCart(id) {
let item = cart.find(it => it.id === parseInt(id));
let index = cart.indexOf(item);
cart.splice(index, 1);
renderCart();
console.log(cart);
};