luizfelipe9627/m3-academy-template-checkout-luiz-felipe
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(checkout): criado e modificado estilização.

Browse Source
This commit is contained in:
Luiz Felipe Silva 2022-12-26 21:07:52 -03:00
parent bb40beeb09
commit a336d61de5
1 changed files with 109 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
View File

@ -5,7 +5,116 @@ body .container-main.container-order-form .orderform-template.active {
margin-right: 0;
float: right;
}
.orderform-template-holder {
width: 66.1132%;
}
.shipping-summary-placeholder {
.address-summary-BRA {
// Alterar depois
display: grid;
grid-template-columns: repeat(3, max-content);
grid-template-rows: repeat(2, max-content);
padding: 0;
margin: 10px 0 18px 0;
.postalCode {
grid-column: 2;
}
span {
.number-delimiter {
display: none;
}
}
}
.link-change-shipping {
display: none;
}
.shp-summary-package {
padding: 0;
margin-bottom: 14px;
}
.shp-summary-group {
padding: 0;
}
.shp-summary-group-info {
border: none;
}
.shp-summary-group-price {
display: none;
}
}
.payment-data.span12 {
.accordion-heading {
display: flex;
.accordion-toggle {
flex-direction: row;
}
i {
display: none;
}
}
.accordion-inner {
.box-step-content {
.payment-group-list-btn {
margin-top: -31px;
}
.payment-group {
a {
width: 209px;
height: 50px;
border-radius: 6px;
margin: 0 1px 12px;
padding: 0 0 0 0;
border: 1px solid #000;
text-decoration: none;
span {
font-family: $font-family;
color: $color-gray10;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: center;
padding: 13px 0px;
}
}
.payment-group-item-text {
background-image: none !important;
}
.payment-group-item.active {
border: 1px solid $color-orange1;
background-color: $color-white3;
span {
color: $color-orange1;
}
}
}
.link-gift-card {
display: none !important;
}
.steps-view {
margin-top: 3px;
}
}
}
}
}