| Current Path : /home/rtorresani/www/app/design/frontend/Magento/indaco/web/css/source/layout/ |
| Current File : //home/rtorresani/www/app/design/frontend/Magento/indaco/web/css/source/layout/_product.less |
.catalog-product-view {
.product-info-main .page-title-wrapper {
.page-title {
& when (@media-common = false) {
margin-top: 5rem;
}
font-size: @h1__font-size;
line-height: @h1__line-height;
}
.brand {
font-weight: @font-weight__regular;
}
}
.product-info-price {
& when (@media-common = false) {
margin-top: 7.6rem;
}
.price-box,
.old-price {
display: flex;
align-items: baseline;
span.price-label {
display: none;
}
}
}
.product-info-main,
.product-options-bottom {
.price-box {
.price-wrapper {
.price {
font-size: @h2__font-size;
line-height: @h2__line-height;
}
}
.old-price {
text-decoration: none;
margin-left: @indent__s;
.price {
color: @color-gray60;
text-decoration: line-through;
font-size: @h3__font-size;
line-height: @h3__line-height;
font-weight: @font-weight__regular;
}
}
}
.box-tocart {
.fieldset {
display: flex;
align-content: center;
.qty {
display: flex;
align-items: center;
&.input-text {
height: 40px;
}
}
.qty-container {
margin-left: @indent__s;
}
}
.actions {
padding-top: 0;
&.tocart {
}
}
}
}
.product-social-links {
.action.towishlist {
.lib-button-revert-secondary-color();
.lib-button-l();
border-radius: @button__border-radius;
letter-spacing: 0;
}
}
.product-info-main .product-addto-links,
.product-options-bottom .product-addto-links {
margin: @indent__s 0;
}
.custom-attribute-container {
.col {
margin-bottom: @indent__s;
}
& when (@media-common = false) {
border-bottom: 1px @border-color__base solid;
}
}
}
.products.products-grid {
.products.list {
padding: @indent__xl 0;
}
}
.products.products-list {
.product-item-inner {
display: flex;
flex-direction: column;
.product-item-actions {
order: 99999;
}
}
.actions-primary{
form{
> .col{
flex: 0 0 auto;
width: auto;
}
}
}
}
.item.content {
.table-wrapper {
border: none;
}
}
.product.data.items {
> .item.title {
& ~ .item.title {
margin-top: -1px;
& when (@media-common = false) {
margin-top: 0;
}
}
}
}