redrockjs/fire-exam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: convert px to rem

Browse Source
This commit is contained in:
Valery Grunenko
2025-06-05 11:31:49 +03:00
parent 0ba1538520
commit 6c653aa196
13 changed files with 160 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/views/home/ui/contacts/contacts.module.scss
View File

@@ -1,15 +1,15 @@
.Contacts {
background: $color-lightgray;
border-radius: 28px;
padding: 160px;
border-radius: rem(28px);
padding: rem(160px);
.Header {
font-family: $font-open-sans;
font-weight: $font-semi-bold;
font-size: 60px;
font-size: rem(60px);
line-height: 100%;
color: $color-text;
margin-bottom: 80px;
margin-bottom: rem(80px);
}
.Clients {
@@ -19,14 +19,14 @@
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
gap: 40px;
max-width: 1200px;
margin-bottom: 160px;
gap: rem(40px);
max-width: rem(1200px);
margin-bottom: rem(160px);
.Client {
img {
width: 300px;
width: rem(300px);
height: auto;
}
}
@@ -37,11 +37,11 @@
background: #292E3D;
display: flex;
flex-direction: row;
padding: 60px 50px;
border-radius: 28px;
padding: rem(60px) rem(50px);
border-radius: rem(28px);
overflow: hidden;
margin-bottom: 80px;
margin-bottom: rem(80px);
&:after {
content: '';
@@ -72,10 +72,10 @@
z-index: 2;
font-family: $font-open-sans;
font-weight: $font-semi-bold;
font-size: 48px;
font-size: rem(48px);
line-height: 100%;
color: $color-white;
margin-bottom: 80px;
margin-bottom: rem(80px);
}
.SubTitle {
@@ -83,10 +83,10 @@
z-index: 2;
font-family: $font-open-sans;
font-weight: $font-light;
font-size: 32px;
font-size: rem(32px);
line-height: 100%;
color: $color-white;
max-width: 720px;
max-width: rem(720px);
}
}
@@ -97,7 +97,7 @@
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
gap: rem(20px);
}
}
@@ -105,19 +105,18 @@
position: relative;
iframe {
border-radius: 28px;
border-radius: rem(28px);
}
.Contacts {
position: absolute;
z-index: 2;
top: -40px;
right: 180px;
border-radius: 28px;
top: rem(-40px);
right: rem(180px);
border-radius: rem(28px);
background: $color-white;
width: 440px;
//height: 540px;
padding: 40px 35px 20px;
width: rem(440px);
padding: rem(40px) rem(35px) rem(20px);
display: flex;
flex-direction: column;
@@ -128,17 +127,17 @@
position: relative;
font-family: $font-open-sans;
font-weight: $font-semi-bold;
font-size: 48px;
font-size: rem(48px);
line-height: 100%;
color: $color-text;
text-align: right;
margin-bottom: 32px;
margin-bottom: rem(32px);
align-self: center;
.LedOn {
position: absolute;
bottom: 6px;
left: 6px;
bottom: rem(6px);
left: rem(6px);
}
}
@@ -146,18 +145,18 @@
position: relative;
font-family: $font-open-sans;
font-weight: $font-regular;
font-size: 32px;
font-size: rem(32px);
line-height: 130%;
color: $color-text;
margin-bottom: 20px;
margin-left: 32px;
margin-bottom: rem(20px);
margin-left: rem(32px);
.Icon {
position: absolute;
left: -48px;
top: 8px;
width: 32px;
height: 32px;
left: rem(-48px);
top: rem(8px);
width: rem(32px);
height: rem(32px);
stroke: #E96526;
}
}