Vitor_soares/m3-academy-template-checkout-vitor-soares
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: ajuste scss barra de progresso

Browse Source
This commit is contained in:
Vitor Soares 2022-12-14 10:00:18 -03:00
parent 7dd01fcb4f
commit 51efecf8bd
1 changed files with 0 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
checkout/src/arquivos/sass/partials/_header.scss
View File

@ -128,17 +128,9 @@
&__div { &__div {
background: $color-black-500; background: $color-black-500;
position: absolute; position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 4px;
width: 0%;
z-index: -1;
transition: 0.4s ease;
} }
&__items { &__items {
position: relative;
.progress-bar__circle1, .progress-bar__circle2, .progress-bar__circle3 { .progress-bar__circle1, .progress-bar__circle2, .progress-bar__circle3 {
background: $color-white-500; background: $color-white-500;
@ -146,11 +138,7 @@
border-radius: 50%; border-radius: 50%;
height: 12px; height: 12px;
width: 12px; width: 12px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid $color-black-500; border: 1px solid $color-black-500;
transition: .4s ease;
@include mq(xl, min) { @include mq(xl, min) {
height: 24px; height: 24px;