NicollyVieira/m3-academy-template-checkout-nicolly-vieira
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Cria a ProgressBar para telas acima de 2500px

Browse Source
This commit is contained in:
Nicolly Vieira Santos Costa 2022-12-12 14:43:46 -03:00
parent 054b92f2de
commit 0b81d5f13b
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
checkout/src/arquivos/sass/partials/_progressBar.scss
View File

@ -1,6 +1,10 @@
.progress-bar {
width: 439px;
@include mq(desktop4K, min) {
width: 1078.86px;
}
&__ul {
margin: 0;
list-style: none;
@ -11,7 +15,11 @@
}
&__li {
width: 39.749%;
width: 39.75%;
@include mq(desktop4K, min) {
width: 41.7042%;
}
&:first-child {
.progress-bar__container {
@ -28,6 +36,8 @@
&__central {
width: auto;
flex: 1;
}
&__container {
@ -77,11 +87,21 @@
&__line-1 {
left: 27%;
width: 95%;
@include mq(desktop4K, min) {
left: 10%;
width: 108.5%;
}
}
&__line-2 {
right: 22%;
width: 100%;
@include mq(desktop4K, min) {
right: 9%;
width: 109%;
}
}
}