Viewing File: /home/maglabs/it/app/design/frontend/Magento/luma/Magento_Multishipping/web/css/source/_module.less
// /**
// * Copyright © Magento, Inc. All rights reserved.
// * See COPYING.txt for license details.
// */
//
// Common
// _____________________________________________
& when (@media-common = true) {
.multicheckout {
&.results,
&.success {
h3 {
font-size: 1.6rem;
margin-bottom: @indent__base;
margin-top: @indent__l;
a {
color: @text__color;
&:hover {
text-decoration: none;
}
}
}
ul.orders-list {
list-style: none;
padding-left: 0;
}
.orders-list {
margin-top: @indent__m;
padding-left: @indent__base - 4px;
.shipping-list {
.shipping-item {
margin-left: 84px;
}
.shipping-label {
font-weight: @font-weight__bold;
margin-right: @indent__s;
}
.shipping-address {
font-weight: @font-weight__regular;
}
.error-block {
color: @error__color;
.error-label {
font-weight: @font-weight__bold;
margin-right: @indent__s;
}
.error-description {
font-weight: @font-weight__regular;
}
}
}
}
.orders-succeed {
.orders-list {
margin-top: 0;
.shipping-list {
.order-id {
float: left;
}
.shipping-item {
margin-left: 100px;
}
}
}
}
}
.title {
margin-bottom: @indent__l;
strong {
font-weight: @font-weight__regular;
}
}
.table-wrapper {
margin-bottom: 0;
.action.delete {
display: inline-block;
}
.col {
.qty {
display: inline-block;
.input-text {
&:extend(.abs-input-qty all);
}
}
.label {
&:extend(.abs-visually-hidden all);
}
&.item {
.action.edit {
font-weight: @font-weight__regular;
margin-left: @indent__s;
}
}
}
.cart-price {
&:extend(.abs-checkout-cart-price all);
}
.product-item-name {
&:extend(.abs-checkout-product-name all);
}
}
&:not(.address) {
.table-wrapper {
.product-item-name {
margin: 0;
}
}
}
> .actions-toolbar {
margin-top: @indent__xl;
}
.actions-toolbar {
> .secondary {
display: block;
.action {
margin-bottom: @indent__m;
&.back {
display: block;
margin-left: 0;
}
}
}
> .primary {
margin-right: @indent__s;
}
}
.action.primary {
&:extend(.abs-button-l all);
}
.item-options {
margin: @indent__s 0 0;
&:extend(.abs-product-options-list all);
&:extend(.abs-add-clearfix all);
}
&:extend(.abs-account-blocks all);
.block {
&:extend(.abs-add-clearfix all);
.methods-shipping {
.item-content {
.fieldset {
> .legend {
&:extend(.abs-visually-hidden all);
}
> .legend + br {
&:extend(.abs-no-display all);
}
> .field {
&:before {
display: none;
}
.control {
display: inline-block;
}
}
}
}
}
}
.block-title,
.block-content .title {
&:extend(.abs-account-title all);
border-bottom: @border-width__base solid @border-color__base;
padding-bottom: @indent__s;
strong {
font-weight: @font-weight__regular;
span {
.lib-css(color, @primary__color__light);
}
}
}
.block-content {
&:extend(.abs-add-clearfix all);
.title {
border-bottom: none;
padding-bottom: 0;
}
}
&.order-review {
.block-title > strong {
.lib-font-size(24);
}
.block-shipping {
.block-content:not(:last-child) {
margin-bottom: @indent__xl;
}
}
.error-description {
color: @error__color;
font-weight: @font-weight__regular;
margin-bottom: @indent__s;
margin-top: -@indent__s;
}
}
.box-title {
span {
margin-right: @indent__s;
}
> .action {
margin: 0;
}
}
.box-shipping-method {
.price {
font-weight: @font-weight__bold;
}
}
.box-billing-method {
.fieldset {
margin: 0;
.legend.box-title {
margin: 0 0 @indent__xs;
}
}
}
.hidden {
&:extend(.abs-no-display all);
}
.checkout-review .grand.totals {
.lib-font-size(@font-size__xl);
margin-bottom: @indent__xl;
.mark {
font-weight: @font-weight__regular;
}
}
}
[class^='multishipping-'] {
.nav-sections,
.nav-toggle {
&:extend(.abs-no-display all);
}
.logo {
margin-left: 0;
}
}
.multishipping-checkout-success {
.nav-sections {
display: block;
}
}
}
//
// Mobile
// _____________________________________________
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
.multicheckout {
.data.table {
.address {
&:before {
margin-bottom: @indent__xs;
}
}
}
.product-item-name,
.price-including-tax,
.price-excluding-tax {
display: inline-block;
}
.block-content .box {
&:not(:last-child) {
margin-bottom: @indent__xl;
}
&:last-child {
margin-bottom: 0;
}
}
&.order-review {
.box-items {
.data.table {
thead {
display: block;
tr {
display: block;
}
.col.item {
display: block;
padding: 0;
}
}
}
}
.data.table {
&:extend(.abs-checkout-order-review all);
&.table-order-review {
> tbody {
> tr {
> td {
&.col {
&.subtotal {
border-bottom: none;
}
&.qty {
text-align: center;
}
}
}
}
}
}
}
}
.actions-toolbar {
.action {
margin-bottom: @indent__m;
}
> .primary {
margin-bottom: @indent__m;
margin-right: 0;
}
}
}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) {
.multicheckout {
.actions-toolbar {
.column:not(.sidebar-main) & {
&:extend(.abs-reset-left-margin-desktop-s all);
}
.secondary {
float: none;
margin-top: 11px;
text-align: right;
.action {
margin-left: 0;
&.back {
display: block;
float: left;
}
}
}
}
.item-options {
margin: @indent__base 0 0;
}
.block-content .box {
margin-bottom: 0;
}
.block-shipping {
.box {
&:extend(.abs-add-box-sizing-desktop-s all);
float: left;
width: 25%;
}
.box-shipping-method {
padding-left: @indent__m;
padding-right: @indent__m;
width: 50%;
.fieldset {
.legend {
&:extend(.abs-reset-left-margin-desktop-s all);
}
.field {
&:before {
display: none;
}
}
}
}
}
.block-billing {
&:extend(.abs-add-clearfix-desktop-s all);
.box-billing-address {
&:extend(.abs-add-box-sizing-desktop-s all);
float: left;
width: 25%;
}
.box-billing-method {
&:extend(.abs-add-box-sizing-desktop-s all);
float: left;
padding-left: @indent__m;
width: 50%;
}
}
&.form.address {
.table-wrapper {
.applicable {
margin: 7px 0 0;
}
}
}
&.order-review {
.box-items {
clear: left;
float: none;
padding-top: @indent__xl;
width: auto;
}
.col.item {
width: 75%;
}
}
// Payment methods
.methods-payment {
.item-content > .fieldset {
width: auto;
.field {
&.cvv {
display: inline-block;
width: auto;
}
}
}
.fieldset > .field:not(.choice) {
> .label {
float: none;
margin-bottom: 8px;
text-align: left;
width: auto;
}
&:not(.cvv) {
.control {
width: 100%;
}
}
}
}
}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
.multishipping-checkout-success {
.nav-toggle {
display: block;
}
.logo {
margin-left: @indent__xl;
}
}
.multicheckout {
.actions-toolbar {
> .primary {
margin-right: 0;
}
}
}
}
Back to Directory
File Manager