forked from M3-Academy/m3-academy-template-checkout
develop #14
@ -3,22 +3,24 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
border-bottom: 1px solid #000;
|
border-bottom: 1px solid #000;
|
||||||
|
|
||||||
// .container {
|
.container {
|
||||||
// width: auto !important;
|
@include mq(pg, max) {
|
||||||
// }
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&__wrapper {
|
&__wrapper {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 29px 0;
|
padding: 29px 0;
|
||||||
// border-bottom: 1px solid $color-black2;
|
|
||||||
|
|
||||||
@include mq(pg, max) {
|
@include mq(pg, max) {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include mq(xxl, min) {
|
@include mq(xxl, min) {
|
||||||
padding: 29px 256px;
|
padding: 29px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -75,7 +77,6 @@
|
|||||||
|
|
||||||
.progress-bar-first-line {
|
.progress-bar-first-line {
|
||||||
left: 60%;
|
left: 60%;
|
||||||
// transform: translate(-50%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-bar-second-line {
|
.progress-bar-second-line {
|
||||||
@ -85,7 +86,6 @@
|
|||||||
@include mq(xxl, min) {
|
@include mq(xxl, min) {
|
||||||
right: 58%;
|
right: 58%;
|
||||||
}
|
}
|
||||||
// transform: translate(-50%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.containerProgressBar .progress-bar-first-circle,
|
.containerProgressBar .progress-bar-first-circle,
|
||||||
@ -124,12 +124,11 @@
|
|||||||
|
|
||||||
@include mq(pg, max) {
|
@include mq(pg, max) {
|
||||||
height: 32.12px;
|
height: 32.12px;
|
||||||
width: 155px;
|
max-width: fit-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include mq(cstm, max) {
|
@include mq(cstm, max) {
|
||||||
height: 33px;
|
height: 33px;
|
||||||
width: 155px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@include mq(xxl, min) {
|
@include mq(xxl, min) {
|
||||||
@ -154,6 +153,7 @@
|
|||||||
@include mq(pg, max) {
|
@include mq(pg, max) {
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
color: $color-black;
|
color: $color-black;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include mq(xxl, min) {
|
@include mq(xxl, min) {
|
||||||
|
Loading…
Reference in New Issue
Block a user