This commit is contained in:
Roman Pyrih
2024-11-15 07:06:11 +01:00
parent 4d90bf6de0
commit 89c4f8735c
4 changed files with 117 additions and 11 deletions

View File

@@ -75,6 +75,21 @@
margin-right: auto;
margin-bottom: 0;
}
#page-black-week .box-3 .c-row-1 {
display: flex;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
margin-bottom: 70px;
}
#page-black-week .box-3 .c-row-2 {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
#page-black-week .box-3 .c-row-2 .c-col {
max-width: 1000px;
}
#page-black-week .box-3 h2 {
color: #000;
font-family: "Open Sans", sans-serif;
@@ -106,15 +121,48 @@
#page-black-week .box-3 p {
color: #000;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-size: 20px;
text-align: right;
max-width: 1170px;
margin-left: auto;
margin-bottom: 0;
}
#page-black-week .box-3 .sale-box {
#page-black-week .box-3 .sales-box {
display: flex;
flex-direction: column;
width: 440px;
align-items: center;
}
#page-black-week .box-3 .sales-box span {
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
font-family: "Open Sans", sans-serif;
font-weight: 700;
}
#page-black-week .box-3 .sales-box span:nth-child(1) {
font-size: 128px;
width: 325px;
height: 325px;
background: #e9ab6e;
margin-left: 100px;
}
#page-black-week .box-3 .sales-box span:nth-child(2) {
font-size: 128px;
height: 300px;
width: 300px;
background: #b79f87;
margin-top: -70px;
margin-bottom: -70px;
margin-right: 100px;
}
#page-black-week .box-3 .sales-box span:nth-child(3) {
font-size: 96px;
height: 240px;
width: 240px;
background: #cccccc;
margin-left: 190px;
}
#page-black-week .box-4 {
margin-bottom: 200px;

View File

@@ -1 +1 @@
{"version":3,"sources":["black-week.scss","black-week.css"],"names":[],"mappings":"AAAQ,8GAAA;AAKP;EACC,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;ACHF;ADKE;EAPD;IAQE,iBAAA;ECFD;AACF;ADGE;EAVD;IAWE,iBAAA;ECAD;AACF;ADCE;EAbD;IAcE,gBAAA;ECED;AACF;ADDE;EAhBD;IAiBE,gBAAA;ECID;AACF;ADHE;EAnBD;IAoBE,gBAAA;ECMD;AACF;ADLE;EAtBD;IAuBE,eAAA;ECQD;AACF;ADLC;EACC,kBAAA;EACA,mBAAA;ACOF;ADLE;EACC,WAAA;EACA,2BAAA;EAAA,sBAAA;ACOH;ADHC;EACC,kBAAA;EACA,oBAAA;ACKF;ADCE;EACC,eAAA;EACA,oCAlDK;EAmDL,gBAAA;EACA,yBAAA;EACA,iBAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;ACCH;ADCG;EACC,cAAA;EACA,gBAAA;ACCJ;ADYE;EACC,WAAA;EACA,gBAAA;EAEA,WAAA;EACA,eAAA;EACA,oCAhFK;EAiFL,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;ACXH;ADuBE;EACC,WAAA;EACA,oCAlGK;EAmGL,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,mBAAA;ACrBH;ADgCE;EACC,mBAAA;EACA,mBAAA;AC9BH;ADoCG;EACC,WAAA;EACA,oCA3HI;EA4HJ,eAAA;EACA,gBAAA;AClCJ;AD6CE;EACC,qBAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,yBAAA;EACA,eAAA;AC3CH;ADkDE;EACC,WAAA;EACA,oCAzJK;EA0JL,eAAA;EAEA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,gBAAA;ACjDH;ADwDE;EACC,aAAA;EACA,sBAAA;ACtDH;AD0DC;EACC,oBAAA;ACxDF;AD8DE;EACC,WAAA;EACA,eAAA;EACA,oCAtLK;EAuLL,gBAAA;EACA,mBAAA;EACA,yBAAA;AC5DH;AD8DG;EACC,cAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;AC5DJ;ADqEG;EACC,WAAA;EACA,eAAA;EACA,oCA3MI;EA4MJ,gBAAA;ACnEJ;ADqEI;EACC,mBAAA;ACnEL;AD4EE;EACC,gBAAA;EACA,iBAAA;EAEA,0BAAA;AC3EH","file":"black-week.css"}
{"version":3,"sources":["black-week.scss","black-week.css"],"names":[],"mappings":"AAAQ,8GAAA;AAKP;EACC,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;ACHF;ADKE;EAPD;IAQE,iBAAA;ECFD;AACF;ADGE;EAVD;IAWE,iBAAA;ECAD;AACF;ADCE;EAbD;IAcE,gBAAA;ECED;AACF;ADDE;EAhBD;IAiBE,gBAAA;ECID;AACF;ADHE;EAnBD;IAoBE,gBAAA;ECMD;AACF;ADLE;EAtBD;IAuBE,eAAA;ECQD;AACF;ADLC;EACC,kBAAA;EACA,mBAAA;ACOF;ADLE;EACC,WAAA;EACA,2BAAA;EAAA,sBAAA;ACOH;ADHC;EACC,kBAAA;EACA,oBAAA;ACKF;ADCE;EACC,eAAA;EACA,oCAlDK;EAmDL,gBAAA;EACA,yBAAA;EACA,iBAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;ACCH;ADCG;EACC,cAAA;EACA,gBAAA;ACCJ;ADYE;EACC,WAAA;EACA,gBAAA;EAEA,WAAA;EACA,eAAA;EACA,oCAhFK;EAiFL,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;ACXH;ADwBG;EACC,aAAA;EACA,mBAAA;EACA,qBAAA;OAAA,gBAAA;EACA,mBAAA;ACtBJ;ADwBG;EACC,aAAA;EACA,mBAAA;EACA,yBAAA;ACtBJ;ADwBI;EACC,iBAAA;ACtBL;AD0BE;EACC,WAAA;EACA,oCAnHK;EAoHL,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,mBAAA;ACxBH;ADmCE;EACC,mBAAA;EACA,mBAAA;ACjCH;ADuCG;EACC,WAAA;EACA,oCA5II;EA6IJ,eAAA;EACA,gBAAA;ACrCJ;ADgDE;EACC,qBAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,yBAAA;EACA,eAAA;AC9CH;ADqDE;EACC,WAAA;EACA,oCA1KK;EA2KL,eAAA;EAEA,iBAAA;EACA,iBAAA;EACA,gBAAA;ACpDH;AD2DE;EACC,aAAA;EACA,sBAAA;EACA,YAAA;EACA,mBAAA;ACzDH;AD2DG;EACC,WAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EAEA,oCAnMI;EAoMJ,gBAAA;AC1DJ;AD4DI;EACC,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EAEA,kBAAA;AC3DL;AD8DI;EACC,gBAAA;EACA,aAAA;EACA,YAAA;EACA,mBAAA;EAEA,iBAAA;EACA,oBAAA;EACA,mBAAA;AC7DL;ADgEI;EACC,eAAA;EACA,aAAA;EACA,YAAA;EACA,mBAAA;EAEA,kBAAA;AC/DL;ADqEC;EACC,oBAAA;ACnEF;ADyEE;EACC,WAAA;EACA,eAAA;EACA,oCAhPK;EAiPL,gBAAA;EACA,mBAAA;EACA,yBAAA;ACvEH;ADyEG;EACC,cAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;ACvEJ;ADgFG;EACC,WAAA;EACA,eAAA;EACA,oCArQI;EAsQJ,gBAAA;AC9EJ;ADgFI;EACC,mBAAA;AC9EL;ADuFE;EACC,gBAAA;EACA,iBAAA;EAEA,0BAAA;ACtFH","file":"black-week.css"}

View File

@@ -96,6 +96,23 @@ $font1: 'Open Sans', sans-serif;
}
.box-3 {
.c-row {
&-1 {
display: flex;
flex-direction: row;
column-gap: 30px;
margin-bottom: 70px;
}
&-2 {
display: flex;
flex-direction: row;
justify-content: flex-end;
.c-col {
max-width: 1000px;
}
}
}
h2 {
color: #000;
font-family: $font1;
@@ -154,10 +171,9 @@ $font1: 'Open Sans', sans-serif;
p {
color: #000;
font-family: $font1;
font-size: 18px;
font-size: 20px;
text-align: right;
max-width: 1170px;
margin-left: auto;
margin-bottom: 0;
@@ -166,9 +182,51 @@ $font1: 'Open Sans', sans-serif;
// font-size: 16px;
// }
}
.sale-box {
.sales-box {
display: flex;
flex-direction: column;
width: 440px;
align-items: center;
span {
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
font-family: $font1;
font-weight: 700;
&:nth-child(1) {
font-size: 128px;
width: 325px;
height: 325px;
background: #e9ab6e;
margin-left: 100px;
}
&:nth-child(2) {
font-size: 128px;
height: 300px;
width: 300px;
background: #b79f87;
margin-top: -70px;
margin-bottom: -70px;
margin-right: 100px;
}
&:nth-child(3) {
font-size: 96px;
height: 240px;
width: 240px;
background: #cccccc;
margin-left: 190px;
}
}
}
}