Dodaj nowe style dla przycisków oraz sekcji z kafelkami, poprawiając responsywność i estetykę

This commit is contained in:
Roman Pyrih
2025-04-08 09:43:38 +02:00
parent a88a6f1bfd
commit 92a05118f6
3 changed files with 83 additions and 20 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAQ,4LAAA,CACA,+GAAA,CAEA,gFAAA,CAeR,KACC,mCAAA,CACA,qDAAA,CAEA,WACC,eAAA,CAIF,EACC,YAAA,CAEA,aACC,0BAAA,CAUF,kGACC,aAnCS,CAoCT,cAAA,CACA,eAAA,CACA,wBAAA,CACA,gBAAA,CAGD,2JACC,iBAAA,CACA,aA9CW,CA+CX,cAAA,CACA,oCArCW,CAsCX,eAAA,CAGD,kBACC,YAAA,CACA,6HAAA,CACA,0BAAA,CACA,2BAAA,CACA,qBAAA,CACA,oBAAA,CACA,eAAA,CAEA,+BACC,gBAAA,CAGD,qBACC,aAlEU,CAmEV,cAAA,CACA,eAAA,CACA,QAAA,CAED,qBACC,aAxEU,CAyEV,cAAA,CACA,eAAA,CACA,oBAAA,CACA,wBAxEW,CAyEX,sBAAA,CACA,gBAAA,CACA,wBAAA,CACA,iBAAA,CAED,oBACC,aAnFU,CAoFV,cAAA,CACA,eAAA,CACA,kBAAA,CAEA,+BACC,QAAA,CAIF,oBACC,oBAAA,CACA,UA1FO,CA2FP,cAAA,CACA,eAAA,CACA,iBAAA,CACA,4DAAA,CACA,mBAAA,CACA,yBAAA,CAEA,0BACC,4DAAA,CAKH,kBACC,YAAA,CACA,eAAA,CACA,wBAAA,CACA,UAAA,CAEA,qBACC,SAAA,CACA,QAAA,CACA,eAAA,CAEA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CACA,QAAA,CAGC,4BACC,WAAA,CACA,UAAA,CACA,qBAAA,CAAA,kBAAA,CAMJ,kBACC,iBAAA,CACA,eAAA,CAEA,yBACC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CAEA,gCACC,SAAA,CAGC,2CAEC,iBAAA,CACA,iBAAA,CAEA,kDACC,gGAAA,CACA,iBAAA,CACA,UAAA,CACA,YAAA,CAQF,0CACC,aAzKO,CA0KP,cAAA,CACA,eAAA,CACA,eAAA,CACA,eAAA,CAID,4CACC,kBAAA,CAOL,kBACC,iBAAA,CACA,eAAA,CAEA,yBACC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CAEA,gCACC,SAAA,CAGC,2CAEC,iBAAA,CACA,iBAAA,CAOD,2CACC,SAAA,CACA,QAAA,CACA,eAAA,CACA,eAAA,CAGC,+DACC,kBAAA,CAED,gDACC,aA7NK,CA8NL,cAAA,CACA,eAAA,CACA,eAAA,CACA,QAAA,CAEA,uDACC,eAAA,CAOJ,4CACC,kBAAA,CAOL,oBACC,UAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,gBAAA,CAEA,6BACC,kBAAA,CACA,WAAA,CAEA,kCACC,aA/PS,CAgQT,cAAA,CACA,eAAA,CACA,oCAvPS,CAwPT,iBAAA,CAKD,4BACC,SAAA,CACA,QAAA,CACA,eAAA,CAEA,+BACC,+BAAA,CAEA,2CACC,4BAAA,CAKC,gDACC,QAAA,CAKH,kCACC,iBAAA,CACA,aA9RO,CA+RP,cAAA,CACA,eAAA,CACA,wBAAA,CACA,QAAA,CACA,cAAA,CAEA,0CACC,UAAA,CACA,iBAAA,CACA,SAAA,CACA,OAAA,CACA,UAAA,CACA,UAAA,CACA,kBA5SM,CA6SN,+BAAA,CAED,yCACC,UAAA,CACA,iBAAA,CACA,UAAA,CACA,OAAA,CACA,WAAA,CACA,SAAA,CACA,kBAtTM,CAuTN,+BAAA,CACA,yBAAA,CAGF,mCACC,YAAA,CACA,qCACC,aAAA,CACA,cAAA,CACA,eAAA,CAEA,iDACC,YAAA,CAED,gDACC,6BAAA,CASP,eACC,wBAxUO,CA0UR,cACC,eAAA,CACA,wBA5UO,CAgVL,iCACC,cAAA,CACA,eAAA,CAEA,sCACC,aA7VO,CA8VP,eAAA,CACA,8BAAA,CAML,aACC,mCAAA,CAEA,eACC,aAzWU,CA6WZ,iCAEC,iBAAA,CACA,iBAAA,CACA,oBAAA,CAEA,+CACC,UAAA,CACA,aAAA,CACA,iBAAA,CACA,eAAA,CACA,YAAA,CACA,kBAjXM,CAkXN,0BAAA,CAGD,mDACC,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,sBAAA,CAEA,6DAEC,aAAA,CAGF,qDACC,iBAAA,CACA,SAAA","file":"style.css"}
{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css"}

View File

@@ -33,12 +33,6 @@ p {
}
}
// .container {
// @media (min-width: 1460px) {
// max-width: 1440px !important;
// }
// }
._sub_title {
color: $cGolden;
font-size: 16px;
@@ -55,6 +49,21 @@ p {
font-weight: 500;
}
._btn {
display: inline-block;
color: $cBlack;
font-size: 20px;
font-weight: 500;
padding: 16px 36px;
background: linear-gradient(119deg, #d0bf95 0%, #a48446 100%);
border-radius: 100px;
transition: all 250ms ease;
&:hover {
background: linear-gradient(119deg, #a48446 0%, #d0bf95 100%);
}
}
.box_custom#box-1 {
height: 600px;
background-image: url('https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg');
@@ -97,18 +106,7 @@ p {
}
a {
display: inline-block;
color: $cBlack;
font-size: 20px;
font-weight: 500;
padding: 16px 36px;
background: linear-gradient(119deg, #d0bf95 0%, #a48446 100%);
border-radius: 100px;
transition: all 250ms ease;
&:hover {
background: linear-gradient(119deg, #a48446 0%, #d0bf95 100%);
}
@extend ._btn;
}
}
@@ -246,6 +244,71 @@ p {
}
}
.box_custom#box-5 {
position: relative;
padding: 100px 0;
.tiles {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
.tile {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
height: 370px;
padding: 20px 20px 32px;
border: 1px solid #28282e;
border-radius: 1rem;
overflow: hidden;
&::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(#0000001a, #000);
z-index: 1;
}
.title__image {
position: absolute;
inset: 0;
img {
width: 100%;
height: 100%;
border-radius: 1rem;
object-fit: cover;
}
}
.tile__content {
position: relative;
z-index: 1;
text-align: center;
}
h2 {
color: $cTxtWhite;
font-size: 25px;
font-weight: 500;
margin: 0 0 10px 0;
}
p {
color: $cTxtWhite;
font-size: 16px;
font-weight: 400;
margin: 0 0 20px 0;
}
a {
@extend ._btn;
}
}
}
}
.box_custom#box-faq {
width: 100%;
max-width: 800px;