fix: add icons

This commit is contained in:
2025-12-01 16:36:13 +03:00
parent 55c69f61c6
commit ee13a7e056
10 changed files with 1923 additions and 568 deletions

View File

@@ -148,87 +148,4 @@
color: $color-text;
text-align: center;
}
}
.Service {
position: relative;
margin: 0 auto;
max-width: rem(1540px);
padding: 40px 10px;
@include iftablet {
padding: 40px 20px;
}
@include iflaptop {
padding: 40px 28px;
}
@include ifdesktop {
padding: 40px;
}
.Title {
font-family: $font-roboto;
font-weight: 500;
font-size: 32px;
line-height: 100%;
color: $color-text;
text-align: center;
margin-bottom: rem(40px);
}
.Switcher {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
border: 1px solid $color-green;
border-radius: rem(20px);
margin-bottom: rem(40px);
.Button {
box-sizing: border-box;
flex: 1;
display: flex;
justify-content: center;
padding: 20px;
border-radius: rem(18px);
color: $color-green;
text-transform: uppercase;
&_active {
background-color: $color-green;
color: $color-white;
}
}
}
.Grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: rem(20px);
.Tile {
display: flex;
flex-direction: column;
gap: rem(24px);
border: 1px solid $color-green;
padding: rem(20px) rem(40px);
border-radius: rem(20px);
//box-shadow: 4px 0px 10px 0px rgba(0,146,131,0.5);
cursor: pointer;
font-family: $font-roboto;
font-weight: 300;
font-size: rem(16px);
line-height: 100%;
color: $color-green;
text-align: center;
&:hover {
box-shadow: 4px 4px 10px 0px rgba(0,146,131,0.5);
}
}
}
}