whoami7 - Manager
:
/
home
/
analuakl
/
bents.in
/
wp-content
/
themes
/
medizin
/
assets
/
scss
/
elementor
/
widgets
/
Upload File:
files >> /home/analuakl/bents.in/wp-content/themes/medizin/assets/scss/elementor/widgets/_product.scss
.medizin-product { .added_to_cart { display: none !important; } .loop-product-stock { .status-bar, .sold-bar { height: 8px; } .status-bar { background-color: #ededed; margin: 22px 0 10px; border-radius: 5px; } .sold-bar { background-image: linear-gradient(235deg, #4e97fd 0%, #77ccfd 100%); border-radius: 4px; } } .product-stock-status { display: flex; flex-wrap: wrap; font-size: 0; .sold, .available { font-size: 15px; .label { font-weight: 400; color: #7e7e7e; } .value { font-weight: 700; color: #333; } } .sold { flex-grow: 1; margin-right: 20px; } .available { flex-shrink: 0; } } .loop-product__category { font-size: 13px; font-weight: 400; color: #ababab; text-transform: uppercase; letter-spacing: 1px; margin: 0 -5px 5px; a { display: inline-block; color: inherit; padding: 0 5px; } } &.style-grid-01 { .modern-grid { grid-gap: 30px; } .product-wrapper { position: relative; &:hover { .product-main-image { img { transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } } .product-hover-image { z-index: 1; opacity: 1; visibility: visible; transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } } } .product-thumbnail { @extend %NormalTransition; position: relative; margin-bottom: 11px; } .thumbnail { position: relative; overflow: hidden; img { transform: perspective(1px) translateZ(0); transition: all 1.5s cubic-bezier(0, 0, .2, 1); width: 100%; } } .product-hover-image { transition: .25s opacity, .25s visibility, transform 1.5s cubic-bezier(0, 0, .2, 1); position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; } .product-actions { pointer-events: none; position: absolute; right: 0; left: 0; bottom: 0; z-index: 3; display: flex; flex-wrap: wrap; } .product-action { z-index: -1; pointer-events: auto; margin: 5px 10px 0 0; &:last-child { margin-right: 0; } } .woocommerce_loop_add_to_cart_wrap a, .quick-view-icon, .woosw-btn, .wooscp-btn { position: relative; display: block; color: #fff; background: #333; box-shadow: 0 0 7px rgba(0, 0, 0, .09); border-radius: 50%; height: 48px; width: 48px; line-height: 48px; text-align: center; padding: 0 !important; margin: 0 !important; border: 0 !important; font-size: 0 !important; &:before { @extend %FontAwesomeRegular; font-size: 15px; line-height: inherit !important; } &:hover { color: #fff; } } .quick-view-icon { &:before { content: '\f002'; } } .wooscp-btn { &:before { content: '\f012'; } } .woosw-btn { &:before { content: '\f004'; } &.woosw-added { &:before { @extend %FontAwesomeSolid; content: '\f004'; margin: 0; } } } .add_to_cart_button { &:before { content: '\f290'; } } .add_to_cart_button.product_type_simple { &:before { @extend %FontAwesomeRegular; font-size: 15px; display: inline-block; } } .add_to_cart_button.product_type_simple.loading, .woosw-adding, .wooscp-btn-adding, .quick-view-btn.loading .quick-view-icon { &:before { animation: adding-spin 1s linear infinite !important; content: '\f3f4' !important; } } .product-info { padding-bottom: 22px; } .woocommerce-loop-product__title { font-size: 18px; font-weight: 400; line-height: 1.67; margin-bottom: 0; a { display: block; color: inherit; } } .price { font-size: 18px; display: block; margin: 6px 0 0; > .price { margin: 0; } } .star-rating { margin: 9px auto 0; } } &.style-grid-02 { .product-wrapper { padding-top: 150px; } .product-info { position: absolute; top: 0; left: 0; z-index: 3; } .product-badges { position: static; margin-bottom: 1px; } .modern-grid { grid-gap: 30px; } .product-wrapper { position: relative; &:hover { .product-main-image { img { transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } } .product-hover-image { z-index: 1; opacity: 1; visibility: visible; transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } } } .product-thumbnail { @extend %NormalTransition; position: relative; } .thumbnail { position: relative; overflow: hidden; img { transform: perspective(1px) translateZ(0); transition: all 1.5s cubic-bezier(0, 0, .2, 1); width: 100%; } } .product-hover-image { transition: .25s opacity, .25s visibility, transform 1.5s cubic-bezier(0, 0, .2, 1); position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; } .product-actions { pointer-events: none; position: absolute; right: 0; left: 0; bottom: 0; z-index: 3; display: flex; flex-wrap: wrap; } .product-action { z-index: -1; pointer-events: auto; margin: 5px 10px 0 0; &:last-child { margin-right: 0; } } .woocommerce_loop_add_to_cart_wrap a, .quick-view-icon, .woosw-btn, .wooscp-btn { position: relative; display: block; color: #fff; background: #333; box-shadow: 0 0 7px rgba(0, 0, 0, .09); border-radius: 50%; height: 48px; width: 48px; line-height: 48px; text-align: center; padding: 0 !important; margin: 0 !important; border: 0 !important; font-size: 0 !important; &:before { @extend %FontAwesomeRegular; font-size: 15px; line-height: inherit !important; } &:hover { color: #fff; } } .quick-view-icon { &:before { content: '\f002'; } } .wooscp-btn { &:before { content: '\f012'; } } .woosw-btn { &:before { content: '\f004'; } &.woosw-added { &:before { @extend %FontAwesomeSolid; content: '\f004'; margin: 0; } } } .add_to_cart_button { &:before { content: '\f290'; } } .add_to_cart_button.product_type_simple { &:before { @extend %FontAwesomeRegular; font-size: 15px; display: inline-block; } } .add_to_cart_button.product_type_simple.loading, .woosw-adding, .wooscp-btn-adding, .quick-view-btn.loading .quick-view-icon { &:before { animation: adding-spin 1s linear infinite !important; content: '\f3f4' !important; } } .woocommerce-loop-product__title { font-size: 18px; font-weight: 400; line-height: 1.67; margin-bottom: 0; a { display: block; color: inherit; } } .price { font-size: 18px; display: block; margin: 6px 0 0; > .price { margin: 0; } } .star-rating { margin: 9px auto 0; } } } .woocommerce.woocommerce-loop-image-has-bg { .medizin-product { .product-badges { top: 10px; left: 10px; } .product-actions { left: 10px; bottom: 10px; } } } @include media-breakpoint-down(sm) { .woocommerce-loop-buttons-hide-on-mobile { .medizin-product { .product-actions { display: none; } } } }
Copyright ©2021 || Defacer Indonesia