a22573bf0b
- WordPress core y plugins - Tema Twenty Twenty-Four configurado - Plugin allow-unfiltered-html.php simplificado - .gitignore configurado para excluir wp-config.php y uploads 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
132 lines
2.5 KiB
CSS
Executable File
132 lines
2.5 KiB
CSS
Executable File
.asp_r .item {
|
|
.price {
|
|
--regular-price-color: #666;
|
|
--sale_price_color: #666;
|
|
color: var(--regular-price-color);
|
|
|
|
del {
|
|
opacity: .5;
|
|
display: inline-block;
|
|
text-decoration: line-through;
|
|
color: var(--regular-price-color);
|
|
}
|
|
|
|
ins {
|
|
margin-left: 0.5em;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
display: inline-block;
|
|
color: var(--sale_price_color);
|
|
}
|
|
}
|
|
|
|
.stock {
|
|
.quantity {
|
|
color: #666;
|
|
}
|
|
.out-of-stock {
|
|
color: #a00;
|
|
}
|
|
.on-backorder {
|
|
color: #eaa600;
|
|
}
|
|
.in-stock {
|
|
color: #7ad03a;
|
|
}
|
|
}
|
|
|
|
.add-to-cart-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
position: relative;
|
|
z-index: 10;
|
|
width: 100%;
|
|
margin: 12px 0;
|
|
|
|
.add-to-cart-quantity {
|
|
padding: 8px 0 8px 8px;
|
|
background: #eaeaea;
|
|
width: 32px;
|
|
border-radius: 4px 0 0 4px;
|
|
height: 18px;
|
|
min-height: unset;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
}
|
|
|
|
.add-to-cart-button {
|
|
padding: 8px;
|
|
border-radius: 4px;
|
|
background: #6246d7;
|
|
color: white;
|
|
height: 18px;
|
|
min-height: unset;
|
|
display: block;
|
|
text-align: center;
|
|
min-width: 90px;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
|
|
&.add-to-cart-variable {
|
|
border-radius: 4px;
|
|
}
|
|
&.loading {
|
|
content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
|
|
a.added_to_cart {
|
|
flex-basis: 100%;
|
|
margin-top: 8px;
|
|
}
|
|
}
|
|
|
|
.add-to-cart-container:has(.add-to-cart-quantity) {
|
|
.add-to-cart-button {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
}
|
|
|
|
.sale-badge {
|
|
--font-size: 14px;
|
|
--font-color: white;
|
|
--background-color: #6246d7;
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 12px;
|
|
padding: 6px 12px;
|
|
font-size: var(--font-size);
|
|
color: var(--font-color);
|
|
background: var(--background-color);
|
|
box-shadow: 0 0 6px -3px rgb(0, 0, 0);
|
|
|
|
&.sale-badge-capsule {
|
|
border-radius: 50px;
|
|
}
|
|
|
|
&.sale-badge-round {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
&.sale-badge-top-left {
|
|
right: unset;
|
|
left: 12px;
|
|
}
|
|
|
|
&.sale-badge-bottom-left {
|
|
right: unset;
|
|
top: unset;
|
|
bottom: 12px;
|
|
left: 12px;
|
|
}
|
|
|
|
&.sale-badge-bottom-right {
|
|
top: unset;
|
|
bottom: 12px;
|
|
}
|
|
}
|
|
|
|
|
|
} |