110 lines
2.1 KiB
Plaintext
110 lines
2.1 KiB
Plaintext
// Thelia : Checkout
|
|
|
|
// Step 2
|
|
#delivery-address {
|
|
.panel-heading {
|
|
position: relative;
|
|
> .btn-add-address { position: absolute; top: 3px; right: 5px; margin:0; padding: 0; text-transform: none; }
|
|
}
|
|
}
|
|
|
|
|
|
// Step 3
|
|
#cart-address {
|
|
.make-row();
|
|
.panel {
|
|
.make-sm-column(6);
|
|
.box-shadow(none);
|
|
border: none;
|
|
.panel-heading { }
|
|
.panel-body{}
|
|
}
|
|
}
|
|
|
|
.list-payment {
|
|
.list-inline;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#payment-method.panel {
|
|
.panel-body { text-align: center; }
|
|
.radio {
|
|
display:block;
|
|
|
|
// Add a hover state
|
|
label {
|
|
> img {
|
|
border: 1px solid #ddd;
|
|
border-radius: @border-radius-base;
|
|
.opacity(.4);
|
|
&:hover,
|
|
&:focus {
|
|
.opacity(1); .transition(opacity 200ms ease-in-out);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.js #payment-method {
|
|
.radio {
|
|
.active > img,
|
|
input:checked + img {
|
|
.opacity(1);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Checkout - One Page
|
|
.checkout-onepage {}
|
|
|
|
// Checkout - Mutliple Steps
|
|
.checkout-multiple {}
|
|
|
|
|
|
// Checkout - Progress
|
|
.checkout-progress {
|
|
margin-bottom: 20px;
|
|
width: 100%;
|
|
|
|
.btn-step {
|
|
.btn-default;
|
|
padding: 16px 24px;
|
|
.step-nb {
|
|
border-right: 1px solid @text-color;
|
|
font-size: 30px; line-height: 0;
|
|
font-weight: 600;
|
|
padding-right: 6px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.step-label {
|
|
font-size: ceil(@font-size-base * 1.4);
|
|
font-weight: 100;
|
|
min-width: 250px;
|
|
padding-left: 6px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:active,
|
|
&.active {
|
|
color: #fff;
|
|
.step-nb { border-right: 1px solid #fff; }
|
|
}
|
|
|
|
&.active {
|
|
cursor: default;
|
|
display: inherit;
|
|
pointer-events: none; // Future-proof disabling of clicks
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
// Checkout - Success
|
|
.checkout-success {} |