diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 7bf8aa6..1b5e612 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -6,7 +6,104 @@ - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - @@ -124,7 +221,7 @@ - + diff --git a/src/entities/base-menu/styles.module.scss b/src/entities/base-menu/styles.module.scss index 3a06f21..4aa56d4 100644 --- a/src/entities/base-menu/styles.module.scss +++ b/src/entities/base-menu/styles.module.scss @@ -13,18 +13,18 @@ gap: rem(20px); @include iftablet { - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { max-width: rem(1540px); - padding: 0 28px; + padding: 0 rem(28px); height: rem(100px); gap: rem(20px); } @include ifdesktop { - padding: 0 40px; + padding: 0 rem(40px); } .Logotype { diff --git a/src/entities/beauty-button/styles.module.scss b/src/entities/beauty-button/styles.module.scss index 7be7163..0f6731b 100644 --- a/src/entities/beauty-button/styles.module.scss +++ b/src/entities/beauty-button/styles.module.scss @@ -2,10 +2,10 @@ display: flex; flex-direction: column; align-items: center; - gap: 4px; + gap: rem(4px); @include ifdesktop { - gap: 8px; + gap: rem(8px); } .Button { @@ -13,28 +13,28 @@ display: flex; justify-content: center; align-items: center; - gap: 4px; - padding: 6px 10px; - border-radius: 28px; + gap: rem(4px); + padding: rem(6px) rem(10px); + border-radius: rem(28px); background: #58c644; background: -webkit-gradient(linear, left top, right top, from(#58c644), to(#009283)); background: linear-gradient(to right, #58c644 0%, #009283 100%); @include ifdesktop { - gap: 8px; - padding: 10px 20px; + gap: rem(8px); + padding: rem(10px) rem(20px); } } .Phone { font-family: $font-roboto; font-weight: 600; - font-size: 14px; + font-size: rem(14px); line-height: 100%; color: $color-white; @include ifdesktop { - font-size: 16px; + font-size: rem(16px); } } diff --git a/src/entities/callback-form/styles.module.scss b/src/entities/callback-form/styles.module.scss index 47a5d7c..b4313c4 100644 --- a/src/entities/callback-form/styles.module.scss +++ b/src/entities/callback-form/styles.module.scss @@ -3,10 +3,10 @@ width: 100%; border-radius: rem(16px); padding: rem(30px) rem(20px); - margin-bottom: 20px; + margin-bottom: rem(20px); display: flex; flex-direction: column; - max-width: 460px; + max-width: rem(460px); align-self: center; @include iftablet{ @@ -19,26 +19,22 @@ .Title { font-family: $font-roboto; font-weight: 500; - font-size: 20px; + font-size: rem(20px); line-height: 130%; color: $color-white; align-self: center; - margin-bottom: 30px; + margin-bottom: rem(30px); } .Form { display: grid; grid-template-rows: repeat(3, 1fr); grid-template-columns: auto; - gap: 10px; + gap: rem(10px); @include iftablet{ display: grid; grid-template-rows: auto; grid-template-columns: repeat(3, 1fr); } - @include iflaptop{ - } - @include ifdesktop{ - } } \ No newline at end of file diff --git a/src/entities/connect/style.module.scss b/src/entities/connect/style.module.scss index 0e0aacb..f0ab87e 100644 --- a/src/entities/connect/style.module.scss +++ b/src/entities/connect/style.module.scss @@ -5,10 +5,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .Text { @@ -17,27 +17,27 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .Container { display: grid; grid-template-columns: auto; - gap: 20px; + gap: rem(20px); @include iftablet{ - grid-template-columns: auto 200px; - gap: 40px; + grid-template-columns: auto rem(200px); + gap: rem(40px); } @include iflaptop{ - grid-template-columns: auto 200px; - gap: 40px; + grid-template-columns: auto rem(200px); + gap: rem(40px); } @include ifdesktop{ - grid-template-columns: auto 200px; - gap: 100px; + grid-template-columns: auto rem(200px); + gap: rem(100px); } } @@ -52,18 +52,15 @@ align-items: center; .Image { - margin-bottom: 16px; - width: 100px; + margin-bottom: rem(16px); + width: rem(100px); height: auto; @include iftablet{ - width: 120px; - height: auto; - } - @include iflaptop{ - width: 120px; + width: rem(120px); height: auto; } + @include ifdesktop{ width: 150px; height: auto; @@ -73,7 +70,7 @@ .Description { font-family: $font-roboto; font-weight: 400; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-green; text-transform: uppercase; @@ -86,27 +83,27 @@ flex-direction: column; justify-content: center; align-items: center; - gap: 16px; + gap: rem(16px); .Title { font-family: $font-roboto; font-weight: 400; - font-size: 20px; + font-size: rem(20px); line-height: 100%; color: $color-text; } .Btn { - border-width: 1px 1px 1px 1px; + border-width: rem(1px); border-color: $color-green; - border-radius: 15px 15px 15px 15px; + border-radius: rem(15px); box-shadow: 2px 2px 5px 0px $color-green; } .Description { font-family: $font-roboto; font-weight: 300; - font-size: 14px; + font-size: rem(14px); line-height: 100%; color: $color-text; } diff --git a/src/entities/order-schema/styles.module.scss b/src/entities/order-schema/styles.module.scss index 8d93d37..ac27836 100644 --- a/src/entities/order-schema/styles.module.scss +++ b/src/entities/order-schema/styles.module.scss @@ -5,10 +5,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .Text { @@ -17,13 +17,13 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .Container { display: grid; grid-template-columns: 1fr; - gap: 20px 0; + gap: rem(20px) 0; background: $color-green; padding: rem(20px); border-radius: rem(16px); @@ -32,15 +32,14 @@ @include iftablet{ grid-template-columns: repeat(4, 1fr); grid-template-rows: auto auto; - gap: 20px 0; + gap: rem(20px) 0; } + @include iflaptop{ grid-template-columns: repeat(7, 1fr); grid-template-rows: auto; justify-content: center; } - @include ifdesktop{ - } .Block { display: flex; @@ -74,20 +73,20 @@ .Image { width: auto; - height: 150px; + height: rem(150px); @include iftablet{ width: auto; - height: 120px; + height: rem(120px); } @include iflaptop{ width: auto; - height: 80px; + height: rem(80px); } @include ifdesktop{ width: auto; - height: 140px; + height: rem(140px); } } diff --git a/src/entities/top-menu/styles.module.scss b/src/entities/top-menu/styles.module.scss index b32c9f7..10e1269 100644 --- a/src/entities/top-menu/styles.module.scss +++ b/src/entities/top-menu/styles.module.scss @@ -6,18 +6,18 @@ .Top { margin: 0 auto; max-width: rem(1540px); - padding: 0 10px; + padding: 0 rem(10px); display: flex; justify-content: space-between; @include iftablet { - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; + padding: 0 rem(28px); } @include ifdesktop { - padding: 0 40px; + padding: 0 rem(40px); } .Icons { diff --git a/src/feature/article/consultation/styles.module.scss b/src/feature/article/consultation/styles.module.scss index 837b3a5..e1758dc 100644 --- a/src/feature/article/consultation/styles.module.scss +++ b/src/feature/article/consultation/styles.module.scss @@ -5,26 +5,26 @@ grid-template-columns: auto; grid-template-rows: auto auto; justify-content: center; - gap: 10px; - padding: 0 10px; + gap: rem(10px); + padding: 0 rem(10px); @include iftablet{ - grid-template-columns: auto 200px; + grid-template-columns: auto rem(200px); grid-template-rows: auto; justify-content: unset; - gap: 20px; - padding: 0 20px; + gap: rem(20px); + padding: 0 rem(20px); } @include iflaptop{ - grid-template-columns: auto 300px; - gap: 40px; - padding: 0 28px; + grid-template-columns: auto rem(300px); + gap: rem(40px); + padding: 0 rem(28px); } @include ifdesktop{ - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -97,7 +97,7 @@ margin: rem(20px) 0; padding: rem(20px); border-radius: rem(20px); - max-width: 460px; + max-width: rem(460px); @include iftablet{ margin: rem(10px) 0; diff --git a/src/feature/article/documents/styles.module.scss b/src/feature/article/documents/styles.module.scss index 2f57bd5..1f8c9cb 100644 --- a/src/feature/article/documents/styles.module.scss +++ b/src/feature/article/documents/styles.module.scss @@ -5,10 +5,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .Text { @@ -17,21 +17,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; diff --git a/src/feature/article/partners/styles.module.scss b/src/feature/article/partners/styles.module.scss index 7dc1a1e..4317e30 100644 --- a/src/feature/article/partners/styles.module.scss +++ b/src/feature/article/partners/styles.module.scss @@ -9,8 +9,8 @@ display: flex; width: 100%; margin: 0 auto; - min-height: 15px; - mask-size: 20px 100%; + min-height: rem(15px); + mask-size: rem(20px) 100%; mask-repeat: repeat-x; background-color: $color-green; mask-image: url(/svg/rotated-lines.svg); diff --git a/src/feature/article/related-articles/styles.module.scss b/src/feature/article/related-articles/styles.module.scss index 0d3d928..e550c73 100644 --- a/src/feature/article/related-articles/styles.module.scss +++ b/src/feature/article/related-articles/styles.module.scss @@ -5,20 +5,22 @@ display: grid; grid-template-columns: auto auto; gap: 0; - padding: 0 10px; + padding: 0 rem(10px); @include iftablet { - padding: 0 20px; + padding: 0 rem(20px); } + @include iflaptop { - grid-template-columns: auto 240px; - gap: 40px; - padding: 0 28px; + grid-template-columns: auto rem(240px); + gap: rem(40px); + padding: 0 rem(28px); } + @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } .Block { @@ -39,10 +41,10 @@ .Title { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text-light; - margin-bottom: 20px; + margin-bottom: rem(20px); } .Image { @@ -50,7 +52,7 @@ height: auto; @include ifdesktop{ - max-width: 260px; + max-width: rem(260px); } } } @@ -59,17 +61,17 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .Grid { display: grid; grid-template-columns: auto; - gap: 16px; - margin-bottom: 20px; + gap: rem(16px); + margin-bottom: rem(20px); @include iftablet { grid-template-columns: auto auto; @@ -78,16 +80,16 @@ .Title { font-family: $font-roboto; font-weight: 500; - font-size: 20px; + font-size: rem(20px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .Description { font-family: $font-roboto; font-weight: 400; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; } diff --git a/src/feature/article/sidebar/styles.module.scss b/src/feature/article/sidebar/styles.module.scss index a3e4bfe..fc22d3f 100644 --- a/src/feature/article/sidebar/styles.module.scss +++ b/src/feature/article/sidebar/styles.module.scss @@ -78,7 +78,7 @@ .List { display: flex; flex-direction: column; - gap: 4px; + gap: rem(4px); list-style-type: disc; margin-left: rem(40px); } diff --git a/src/feature/contacts/licence-slider/styles.module.scss b/src/feature/contacts/licence-slider/styles.module.scss index f39f9ea..8fc6992 100644 --- a/src/feature/contacts/licence-slider/styles.module.scss +++ b/src/feature/contacts/licence-slider/styles.module.scss @@ -1,6 +1,6 @@ .Slider { display: block; - padding: 0 20px; + padding: 0 rem(20px); .Slide { display: flex; @@ -8,7 +8,7 @@ align-items: center; .Image { - width: 200px; + width: rem(200px); height: auto; } } diff --git a/src/feature/contacts/yandex-map/styles.module.scss b/src/feature/contacts/yandex-map/styles.module.scss index 1c57feb..0f3a1de 100644 --- a/src/feature/contacts/yandex-map/styles.module.scss +++ b/src/feature/contacts/yandex-map/styles.module.scss @@ -63,10 +63,10 @@ .Header { font-family: $font-roboto; font-weight: 400; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-top: 10px; + margin-top: rem(10px); &:first-child { margin-top: 0; @@ -76,10 +76,10 @@ .Text { font-family: $font-roboto; font-weight: 400; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 10px; + margin-bottom: rem(10px); } } } \ No newline at end of file diff --git a/src/views/contacts/styles.module.scss b/src/views/contacts/styles.module.scss index bc87805..53d045c 100644 --- a/src/views/contacts/styles.module.scss +++ b/src/views/contacts/styles.module.scss @@ -3,23 +3,23 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { grid-template-columns: repeat(2, 1fr); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } .Contact { @@ -28,7 +28,11 @@ width: 100%; @include iftablet { - max-width: 420px; + max-width: rem(420px); + } + + &:first-child { + height: auto; } } @@ -37,18 +41,18 @@ grid-template-columns: 1fr 1fr; justify-items: center; align-items: center; - margin-bottom: 20px; + margin-bottom: rem(20px); .Info { display: flex; flex-direction: column; align-items: center; - gap: 12px; + gap: rem(12px); .Text { font-family: $font-roboto; font-weight: 400; - font-size: 16px; + font-size: rem(16px); line-height: 100%; color: $color-text; @@ -74,16 +78,16 @@ p { font-family: $font-roboto; font-weight: 400; - font-size: 16px; + font-size: rem(16px); line-height: 150%; color: $color-text-light; - margin-bottom: 20px; + margin-bottom: rem(20px); } } } .LicenceSlider { - margin: 0 auto 40px; + margin: 0 auto rem(40px); max-width: rem(1200px); .Title { @@ -105,7 +109,7 @@ .Block { position: relative; - padding: 20px 0 20px 100px; + padding: rem(20px) 0 rem(20px) rem(100px); @include iftablet { background-color: #009283; @@ -124,27 +128,27 @@ left: 16px; @include iftablet { - top: 18px; - left: 30px; + top: rem(18px); + left: rem(30px); } } .Title { font-family: $font-roboto; font-weight: 500; - font-size: 24px; + font-size: rem(24px); line-height: 130%; color: $color-white; - margin-bottom: 4px; + margin-bottom: rem(4px); } .Text { font-family: $font-roboto; font-weight: 500; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-white; - margin-bottom: 4px; + margin-bottom: rem(4px); } } } @@ -153,10 +157,10 @@ %title { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; text-align: center; - height: 80px; - margin-bottom: 20px; + height: rem(80px); + margin-bottom: rem(20px); } \ No newline at end of file diff --git a/src/views/expertise/autotech/styles.module.scss b/src/views/expertise/autotech/styles.module.scss index 12e439f..e80d2e3 100644 --- a/src/views/expertise/autotech/styles.module.scss +++ b/src/views/expertise/autotech/styles.module.scss @@ -4,23 +4,23 @@ display: grid; grid-template-columns: auto; gap: 0px; - padding: 0 10px; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/buhgalter/styles.module.scss b/src/views/expertise/buhgalter/styles.module.scss index 12e439f..e80d2e3 100644 --- a/src/views/expertise/buhgalter/styles.module.scss +++ b/src/views/expertise/buhgalter/styles.module.scss @@ -4,23 +4,23 @@ display: grid; grid-template-columns: auto; gap: 0px; - padding: 0 10px; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/category/styles.module.scss b/src/views/expertise/category/styles.module.scss index 6f9a0db..ddd4818 100644 --- a/src/views/expertise/category/styles.module.scss +++ b/src/views/expertise/category/styles.module.scss @@ -3,29 +3,29 @@ max-width: rem(1540px); display: flex; flex-direction: column; - gap: 0px; - padding: 10px; + gap: 0; + padding: rem(10px); @include iftablet { - padding: 20px; + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; + padding: rem(40px); } } .Header { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 40px; + margin-bottom: rem(40px); } .Grid { @@ -43,15 +43,15 @@ .List { display: flex; flex-direction: column; - gap: 10px; + gap: rem(10px); list-style-type: disc; - margin-left: 16px; + margin-left: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 400; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; diff --git a/src/views/expertise/computer/styles.module.scss b/src/views/expertise/computer/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/computer/styles.module.scss +++ b/src/views/expertise/computer/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/document/styles.module.scss b/src/views/expertise/document/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/document/styles.module.scss +++ b/src/views/expertise/document/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/finans/styles.module.scss b/src/views/expertise/finans/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/finans/styles.module.scss +++ b/src/views/expertise/finans/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/kadastr/styles.module.scss b/src/views/expertise/kadastr/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/kadastr/styles.module.scss +++ b/src/views/expertise/kadastr/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/pocherk/styles.module.scss b/src/views/expertise/pocherk/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/pocherk/styles.module.scss +++ b/src/views/expertise/pocherk/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/pozhar/styles.module.scss b/src/views/expertise/pozhar/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/pozhar/styles.module.scss +++ b/src/views/expertise/pozhar/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/recenzii/styles.module.scss b/src/views/expertise/recenzii/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/recenzii/styles.module.scss +++ b/src/views/expertise/recenzii/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/stroit/styles.module.scss b/src/views/expertise/stroit/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/stroit/styles.module.scss +++ b/src/views/expertise/stroit/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/tech-crim/styles.module.scss b/src/views/expertise/tech-crim/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/tech-crim/styles.module.scss +++ b/src/views/expertise/tech-crim/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/tovar/styles.module.scss b/src/views/expertise/tovar/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/tovar/styles.module.scss +++ b/src/views/expertise/tovar/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/trasologia/styles.module.scss b/src/views/expertise/trasologia/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/trasologia/styles.module.scss +++ b/src/views/expertise/trasologia/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/expertise/zem-stroy/styles.module.scss b/src/views/expertise/zem-stroy/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/expertise/zem-stroy/styles.module.scss +++ b/src/views/expertise/zem-stroy/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/experts/borodin/styles.module.scss b/src/views/experts/borodin/styles.module.scss index c206de9..1b8e524 100644 --- a/src/views/experts/borodin/styles.module.scss +++ b/src/views/experts/borodin/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/category/styles.module.scss b/src/views/experts/category/styles.module.scss index 21c2fb9..e2d67c7 100644 --- a/src/views/experts/category/styles.module.scss +++ b/src/views/experts/category/styles.module.scss @@ -2,21 +2,21 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { grid-template-columns: 1fr 1fr; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; + padding: rem(40px); } } @@ -24,42 +24,42 @@ .Block { display: grid; grid-template-columns: 1fr 1fr; - border-radius: 28px; - box-shadow: 0 0 10px 0 rgba(97, 206, 112, 0.5); - padding: 20px; + border-radius: rem(28px); + box-shadow: 0 0 rem(10px) 0 rgba(97, 206, 112, 0.5); + padding: rem(20px); height: 100%; .Expert { display: flex; flex-direction: column; align-items: center; - gap: 16px; + gap: rem(16px); .Image { width: auto; - height: 200px; + height: rem(200px); - @include iftablet{ + @include iftablet { width: auto; - height: 150px; + height: rem(150px); } - @include iflaptop{ + @include iflaptop { width: auto; - height: 200px; + height: rem(200px); } } .Name { font-family: $font-roboto; font-weight: 500; - font-size: 16px; + font-size: rem(16px); line-height: 110%; color: $color-text; text-align: center; @include iflaptop { - font-size: 18px; + font-size: rem(18px); line-height: 130%; } } @@ -67,13 +67,13 @@ .Position { font-family: $font-roboto; font-weight: 400; - font-size: 14px; + font-size: rem(14px); line-height: 100%; color: $color-text-light; text-align: center; @include iflaptop { - font-size: 16px; + font-size: rem(16px); } } } @@ -81,7 +81,7 @@ .Certificate { .Image { width: auto; - height: 200px; + height: rem(200px); } } } \ No newline at end of file diff --git a/src/views/experts/elchischev/styles.module.scss b/src/views/experts/elchischev/styles.module.scss index 05bac2b..1b8e524 100644 --- a/src/views/experts/elchischev/styles.module.scss +++ b/src/views/experts/elchischev/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: auto; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/gulmamedov/styles.module.scss b/src/views/experts/gulmamedov/styles.module.scss index c206de9..1b8e524 100644 --- a/src/views/experts/gulmamedov/styles.module.scss +++ b/src/views/experts/gulmamedov/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/kaminskiy/styles.module.scss b/src/views/experts/kaminskiy/styles.module.scss index c206de9..1b8e524 100644 --- a/src/views/experts/kaminskiy/styles.module.scss +++ b/src/views/experts/kaminskiy/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/kolodiy/styles.module.scss b/src/views/experts/kolodiy/styles.module.scss index c206de9..1b8e524 100644 --- a/src/views/experts/kolodiy/styles.module.scss +++ b/src/views/experts/kolodiy/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/mikova/styles.module.scss b/src/views/experts/mikova/styles.module.scss index c206de9..1b8e524 100644 --- a/src/views/experts/mikova/styles.module.scss +++ b/src/views/experts/mikova/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/mityaev/styles.module.scss b/src/views/experts/mityaev/styles.module.scss index c206de9..1b8e524 100644 --- a/src/views/experts/mityaev/styles.module.scss +++ b/src/views/experts/mityaev/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/polinov/styles.module.scss b/src/views/experts/polinov/styles.module.scss index c206de9..1b8e524 100644 --- a/src/views/experts/polinov/styles.module.scss +++ b/src/views/experts/polinov/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/volkova-goncharova/styles.module.scss b/src/views/experts/volkova-goncharova/styles.module.scss index c206de9..1b8e524 100644 --- a/src/views/experts/volkova-goncharova/styles.module.scss +++ b/src/views/experts/volkova-goncharova/styles.module.scss @@ -2,23 +2,23 @@ margin: 0 auto; max-width: rem(1540px); display: grid; - gap: 10px; - padding: 10px; + gap: rem(10px); + padding: rem(10px); @include iftablet { - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -26,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/experts/yancen/styles.module.scss b/src/views/experts/yancen/styles.module.scss index a542a10..1b8e524 100644 --- a/src/views/experts/yancen/styles.module.scss +++ b/src/views/experts/yancen/styles.module.scss @@ -1,28 +1,24 @@ .Container { margin: 0 auto; max-width: rem(1540px); - display: flex; - flex-direction: column-reverse; - align-items: center; - gap: 20px; - padding: 20px 10px; + display: grid; + gap: rem(10px); + padding: rem(10px); @include iftablet { - display: grid; - grid-template-columns: auto 400px; + grid-template-columns: auto rem(400px); justify-items: center; - align-items: start; - gap: 20px; - padding: 20px; + gap: rem(20px); + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; - gap: 40px; + padding: rem(40px); + gap: rem(40px); } } @@ -30,50 +26,58 @@ .Block { display: flex; flex-direction: column; - gap: 20px; + gap: rem(20px); h3 { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } p { font-family: $font-roboto; - font-weight: 400; - font-size: 18px; + font-weight: 300; + font-size: rem(16px); line-height: 110%; color: $color-text; + + @include iftablet{ + font-size: rem(18px); + } } ul { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; + + @include iftablet{ + font-size: rem(18px); + } } .ListShift{ - margin-left: 40px; + margin-left: rem(40px); } } .Photo { .Image { - width: 200px; + width: rem(200px); height: auto; } } \ No newline at end of file diff --git a/src/views/home/call-us/styles.module.scss b/src/views/home/call-us/styles.module.scss index f4b1372..1a6f2e6 100644 --- a/src/views/home/call-us/styles.module.scss +++ b/src/views/home/call-us/styles.module.scss @@ -19,6 +19,10 @@ gap: rem(10px); padding: rem(20px) rem(40px); + @media (width<520px) { + align-items: center; + } + .LineTitle { font-family: $font-roboto; font-weight: 500; @@ -43,11 +47,19 @@ align-items: center; gap: rem(40px); padding: rem(20px) rem(40px); + + @media (width<520px) { + flex-direction: column; + gap: rem(20px); + } } } .Btn { border: 1px solid #eeeeee44; + @media (width<520px) { + width: rem(260px); + } } .Icon { diff --git a/src/views/jurist/banki/styles.module.scss b/src/views/jurist/banki/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/banki/styles.module.scss +++ b/src/views/jurist/banki/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/bankrotstvo/styles.module.scss b/src/views/jurist/bankrotstvo/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/bankrotstvo/styles.module.scss +++ b/src/views/jurist/bankrotstvo/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/category/styles.module.scss b/src/views/jurist/category/styles.module.scss index 2fc39a8..5fd9fbc 100644 --- a/src/views/jurist/category/styles.module.scss +++ b/src/views/jurist/category/styles.module.scss @@ -3,35 +3,35 @@ max-width: rem(1540px); display: flex; flex-direction: column; - gap: 0px; - padding: 10px; + gap: 0; + padding: rem(10px); @include iftablet { - padding: 20px; + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; + padding: rem(40px); } } .Header { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 40px; + margin-bottom: rem(40px); } .Grid { display: grid; grid-template-columns: auto; - gap: 40px 0; + gap: rem(40px) 0; @include iftablet { grid-template-columns: repeat(3, 1fr); @@ -44,24 +44,24 @@ .Title { font-family: $font-roboto; font-weight: 500; - font-size: 24px; + font-size: rem(24px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } .List { display: flex; flex-direction: column; - gap: 10px; + gap: rem(10px); list-style-type: disc; - margin-left: 16px; + margin-left: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 400; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; diff --git a/src/views/jurist/dolgi/styles.module.scss b/src/views/jurist/dolgi/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/dolgi/styles.module.scss +++ b/src/views/jurist/dolgi/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/dolzhnikam/styles.module.scss b/src/views/jurist/dolzhnikam/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/dolzhnikam/styles.module.scss +++ b/src/views/jurist/dolzhnikam/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/predstavitelstvo/styles.module.scss b/src/views/jurist/predstavitelstvo/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/predstavitelstvo/styles.module.scss +++ b/src/views/jurist/predstavitelstvo/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/sdelki/styles.module.scss b/src/views/jurist/sdelki/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/sdelki/styles.module.scss +++ b/src/views/jurist/sdelki/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/spor-dtp/styles.module.scss b/src/views/jurist/spor-dtp/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/spor-dtp/styles.module.scss +++ b/src/views/jurist/spor-dtp/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/spor-semejnye/styles.module.scss b/src/views/jurist/spor-semejnye/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/spor-semejnye/styles.module.scss +++ b/src/views/jurist/spor-semejnye/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/spor-strahovye/styles.module.scss b/src/views/jurist/spor-strahovye/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/spor-strahovye/styles.module.scss +++ b/src/views/jurist/spor-strahovye/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/spor-trudovye/styles.module.scss b/src/views/jurist/spor-trudovye/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/spor-trudovye/styles.module.scss +++ b/src/views/jurist/spor-trudovye/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/jurist/spor-zemel-imush/styles.module.scss b/src/views/jurist/spor-zemel-imush/styles.module.scss index 781c9db..dc01b19 100644 --- a/src/views/jurist/spor-zemel-imush/styles.module.scss +++ b/src/views/jurist/spor-zemel-imush/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } ul, .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } li, .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,18 +62,18 @@ h3, .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } em { - margin-bottom: 16px; + margin-bottom: rem(16px); } ol { - margin-left: 16px; + margin-left: rem(16px); } } diff --git a/src/views/ocenka/avtomobilja-dlja-suda/styles.module.scss b/src/views/ocenka/avtomobilja-dlja-suda/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/avtomobilja-dlja-suda/styles.module.scss +++ b/src/views/ocenka/avtomobilja-dlja-suda/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/category/styles.module.scss b/src/views/ocenka/category/styles.module.scss index 2fc39a8..5fd9fbc 100644 --- a/src/views/ocenka/category/styles.module.scss +++ b/src/views/ocenka/category/styles.module.scss @@ -3,35 +3,35 @@ max-width: rem(1540px); display: flex; flex-direction: column; - gap: 0px; - padding: 10px; + gap: 0; + padding: rem(10px); @include iftablet { - padding: 20px; + padding: rem(20px); } @include iflaptop { - padding: 28px; + padding: rem(28px); } @include ifdesktop { - padding: 40px; + padding: rem(40px); } } .Header { font-family: $font-roboto; font-weight: 500; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 40px; + margin-bottom: rem(40px); } .Grid { display: grid; grid-template-columns: auto; - gap: 40px 0; + gap: rem(40px) 0; @include iftablet { grid-template-columns: repeat(3, 1fr); @@ -44,24 +44,24 @@ .Title { font-family: $font-roboto; font-weight: 500; - font-size: 24px; + font-size: rem(24px); line-height: 130%; color: $color-text; - margin-bottom: 20px; + margin-bottom: rem(20px); } .List { display: flex; flex-direction: column; - gap: 10px; + gap: rem(10px); list-style-type: disc; - margin-left: 16px; + margin-left: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 400; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; diff --git a/src/views/ocenka/cennyh-bumag/styles.module.scss b/src/views/ocenka/cennyh-bumag/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/cennyh-bumag/styles.module.scss +++ b/src/views/ocenka/cennyh-bumag/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/dlja-banka-vtb/styles.module.scss b/src/views/ocenka/dlja-banka-vtb/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/dlja-banka-vtb/styles.module.scss +++ b/src/views/ocenka/dlja-banka-vtb/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/dlja-banka/styles.module.scss b/src/views/ocenka/dlja-banka/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/dlja-banka/styles.module.scss +++ b/src/views/ocenka/dlja-banka/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/dlja-ipoteki/styles.module.scss b/src/views/ocenka/dlja-ipoteki/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/dlja-ipoteki/styles.module.scss +++ b/src/views/ocenka/dlja-ipoteki/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/dlja-notariusa/styles.module.scss b/src/views/ocenka/dlja-notariusa/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/dlja-notariusa/styles.module.scss +++ b/src/views/ocenka/dlja-notariusa/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/dlja-opeki/styles.module.scss b/src/views/ocenka/dlja-opeki/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/dlja-opeki/styles.module.scss +++ b/src/views/ocenka/dlja-opeki/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/dlja-opredelenija-stoimosti-ushherba/styles.module.scss b/src/views/ocenka/dlja-opredelenija-stoimosti-ushherba/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/dlja-opredelenija-stoimosti-ushherba/styles.module.scss +++ b/src/views/ocenka/dlja-opredelenija-stoimosti-ushherba/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/dlja-sberbanka/styles.module.scss b/src/views/ocenka/dlja-sberbanka/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/dlja-sberbanka/styles.module.scss +++ b/src/views/ocenka/dlja-sberbanka/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/dlja-strahovanija/styles.module.scss b/src/views/ocenka/dlja-strahovanija/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/dlja-strahovanija/styles.module.scss +++ b/src/views/ocenka/dlja-strahovanija/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/garazha/styles.module.scss b/src/views/ocenka/garazha/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/garazha/styles.module.scss +++ b/src/views/ocenka/garazha/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/imushhestva-dlja-bankrotstva/styles.module.scss b/src/views/ocenka/imushhestva-dlja-bankrotstva/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/imushhestva-dlja-bankrotstva/styles.module.scss +++ b/src/views/ocenka/imushhestva-dlja-bankrotstva/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/imushhestva-dlja-vnesenija-v-ustavnoj-kapital/styles.module.scss b/src/views/ocenka/imushhestva-dlja-vnesenija-v-ustavnoj-kapital/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/imushhestva-dlja-vnesenija-v-ustavnoj-kapital/styles.module.scss +++ b/src/views/ocenka/imushhestva-dlja-vnesenija-v-ustavnoj-kapital/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/imushhestva-dlja-vstuplenija-v-nasledstvo/styles.module.scss b/src/views/ocenka/imushhestva-dlja-vstuplenija-v-nasledstvo/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/imushhestva-dlja-vstuplenija-v-nasledstvo/styles.module.scss +++ b/src/views/ocenka/imushhestva-dlja-vstuplenija-v-nasledstvo/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/jekspertiza-i-recenzirovanie-otcheta-ob-ocenke/styles.module.scss b/src/views/ocenka/jekspertiza-i-recenzirovanie-otcheta-ob-ocenke/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/jekspertiza-i-recenzirovanie-otcheta-ob-ocenke/styles.module.scss +++ b/src/views/ocenka/jekspertiza-i-recenzirovanie-otcheta-ob-ocenke/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/kvartiry/styles.module.scss b/src/views/ocenka/kvartiry/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/kvartiry/styles.module.scss +++ b/src/views/ocenka/kvartiry/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/mashin-i-oborudovanija/styles.module.scss b/src/views/ocenka/mashin-i-oborudovanija/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/mashin-i-oborudovanija/styles.module.scss +++ b/src/views/ocenka/mashin-i-oborudovanija/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/morskih-i-rechnyh-sudov/styles.module.scss b/src/views/ocenka/morskih-i-rechnyh-sudov/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/morskih-i-rechnyh-sudov/styles.module.scss +++ b/src/views/ocenka/morskih-i-rechnyh-sudov/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/motociklov-i-mototehniki/styles.module.scss b/src/views/ocenka/motociklov-i-mototehniki/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/motociklov-i-mototehniki/styles.module.scss +++ b/src/views/ocenka/motociklov-i-mototehniki/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/nedvizhimosti-dlja-suda/styles.module.scss b/src/views/ocenka/nedvizhimosti-dlja-suda/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/nedvizhimosti-dlja-suda/styles.module.scss +++ b/src/views/ocenka/nedvizhimosti-dlja-suda/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/nedvizhimosti/styles.module.scss b/src/views/ocenka/nedvizhimosti/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/nedvizhimosti/styles.module.scss +++ b/src/views/ocenka/nedvizhimosti/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/nematerialnyh-aktivov/styles.module.scss b/src/views/ocenka/nematerialnyh-aktivov/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/nematerialnyh-aktivov/styles.module.scss +++ b/src/views/ocenka/nematerialnyh-aktivov/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/nezavershennogo-stroitelstva/styles.module.scss b/src/views/ocenka/nezavershennogo-stroitelstva/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/nezavershennogo-stroitelstva/styles.module.scss +++ b/src/views/ocenka/nezavershennogo-stroitelstva/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/nezavisimaja/styles.module.scss b/src/views/ocenka/nezavisimaja/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/nezavisimaja/styles.module.scss +++ b/src/views/ocenka/nezavisimaja/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/nezhilogo-pomeshhenija/styles.module.scss b/src/views/ocenka/nezhilogo-pomeshhenija/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/nezhilogo-pomeshhenija/styles.module.scss +++ b/src/views/ocenka/nezhilogo-pomeshhenija/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/ocenka-imushhestva-pri-razvode/styles.module.scss b/src/views/ocenka/ocenka-imushhestva-pri-razvode/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/ocenka-imushhestva-pri-razvode/styles.module.scss +++ b/src/views/ocenka/ocenka-imushhestva-pri-razvode/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/ofisa/styles.module.scss b/src/views/ocenka/ofisa/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/ofisa/styles.module.scss +++ b/src/views/ocenka/ofisa/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/rynochnoj-stoimosti-avtomobilja/styles.module.scss b/src/views/ocenka/rynochnoj-stoimosti-avtomobilja/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/rynochnoj-stoimosti-avtomobilja/styles.module.scss +++ b/src/views/ocenka/rynochnoj-stoimosti-avtomobilja/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/sooruzhenij/styles.module.scss b/src/views/ocenka/sooruzhenij/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/sooruzhenij/styles.module.scss +++ b/src/views/ocenka/sooruzhenij/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/spectehniki/styles.module.scss b/src/views/ocenka/spectehniki/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/spectehniki/styles.module.scss +++ b/src/views/ocenka/spectehniki/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/stoimosti-arendnoj-stavki/styles.module.scss b/src/views/ocenka/stoimosti-arendnoj-stavki/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/stoimosti-arendnoj-stavki/styles.module.scss +++ b/src/views/ocenka/stoimosti-arendnoj-stavki/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/stoimosti-predprijatija-biznesa/styles.module.scss b/src/views/ocenka/stoimosti-predprijatija-biznesa/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/stoimosti-predprijatija-biznesa/styles.module.scss +++ b/src/views/ocenka/stoimosti-predprijatija-biznesa/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/ushherba-nedvizhimosti/styles.module.scss b/src/views/ocenka/ushherba-nedvizhimosti/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/ushherba-nedvizhimosti/styles.module.scss +++ b/src/views/ocenka/ushherba-nedvizhimosti/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/ushherba-ot-pozhara/styles.module.scss b/src/views/ocenka/ushherba-ot-pozhara/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/ushherba-ot-pozhara/styles.module.scss +++ b/src/views/ocenka/ushherba-ot-pozhara/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/ushherba-ot-zaliva/styles.module.scss b/src/views/ocenka/ushherba-ot-zaliva/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/ushherba-ot-zaliva/styles.module.scss +++ b/src/views/ocenka/ushherba-ot-zaliva/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/ushherba-v-dtp/styles.module.scss b/src/views/ocenka/ushherba-v-dtp/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/ushherba-v-dtp/styles.module.scss +++ b/src/views/ocenka/ushherba-v-dtp/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/uts-utraty-tovarnoj-stoimosti-avtomobilja/styles.module.scss b/src/views/ocenka/uts-utraty-tovarnoj-stoimosti-avtomobilja/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/uts-utraty-tovarnoj-stoimosti-avtomobilja/styles.module.scss +++ b/src/views/ocenka/uts-utraty-tovarnoj-stoimosti-avtomobilja/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/vozdushnyh-sudov-i-letatelnyh-apparatov/styles.module.scss b/src/views/ocenka/vozdushnyh-sudov-i-letatelnyh-apparatov/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/vozdushnyh-sudov-i-letatelnyh-apparatov/styles.module.scss +++ b/src/views/ocenka/vozdushnyh-sudov-i-letatelnyh-apparatov/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/zdanija/styles.module.scss b/src/views/ocenka/zdanija/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/zdanija/styles.module.scss +++ b/src/views/ocenka/zdanija/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/zemel/styles.module.scss b/src/views/ocenka/zemel/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/zemel/styles.module.scss +++ b/src/views/ocenka/zemel/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/zemelnogo-uchastka/styles.module.scss b/src/views/ocenka/zemelnogo-uchastka/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/zemelnogo-uchastka/styles.module.scss +++ b/src/views/ocenka/zemelnogo-uchastka/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/views/ocenka/zhilogo-doma/styles.module.scss b/src/views/ocenka/zhilogo-doma/styles.module.scss index 12e439f..088f410 100644 --- a/src/views/ocenka/zhilogo-doma/styles.module.scss +++ b/src/views/ocenka/zhilogo-doma/styles.module.scss @@ -3,24 +3,24 @@ max-width: rem(1540px); display: grid; grid-template-columns: auto; - gap: 0px; - padding: 0 10px; + gap: 0; + padding: 0 rem(10px); @include iftablet { grid-template-columns: auto; - padding: 0 20px; + padding: 0 rem(20px); } @include iflaptop { - padding: 0 28px; - gap: 40px; - grid-template-columns: auto 300px; + padding: 0 rem(28px); + gap: rem(40px); + grid-template-columns: auto rem(300px); } @include ifdesktop { - grid-template-columns: auto 360px; - gap: 160px; - padding: 0 40px; + grid-template-columns: auto rem(360px); + gap: rem(160px); + padding: 0 rem(40px); } } @@ -39,21 +39,21 @@ font-size: rem(16px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } .List { display: flex; flex-direction: column; list-style-type: disc; - margin-left: 16px; - margin-bottom: 16px; + margin-left: rem(16px); + margin-bottom: rem(16px); } .ListItem { font-family: $font-roboto; font-weight: 300; - font-size: 16px; + font-size: rem(16px); line-height: 130%; color: $color-text; list-style: unset; @@ -62,10 +62,10 @@ .Header { font-family: $font-roboto; font-weight: 300; - font-size: 32px; + font-size: rem(32px); line-height: 130%; color: $color-text; - margin-bottom: 16px; + margin-bottom: rem(16px); } } diff --git a/src/widgets/breadcrumbs/styles.module.scss b/src/widgets/breadcrumbs/styles.module.scss index 8356735..b8f9643 100644 --- a/src/widgets/breadcrumbs/styles.module.scss +++ b/src/widgets/breadcrumbs/styles.module.scss @@ -11,21 +11,21 @@ .Breadcrumbs { margin: 0 auto; max-width: rem(1540px); - padding: rem(20px) 10px; + padding: rem(20px) rem(10px); display: flex; flex-direction: row; justify-content: space-between; @include iftablet{ - padding: rem(20px) 20px; + padding: rem(20px) rem(20px); } @include iflaptop{ - padding: rem(20px) 28px; + padding: rem(20px) rem(28px); } @include ifdesktop{ - padding: rem(20px) 40px; + padding: rem(20px) rem(40px); } .Block { @@ -36,7 +36,6 @@ .List { display: flex; flex-direction: row; - //gap: 12px; } .ListItem { @@ -48,7 +47,7 @@ &:after { content: '/'; - padding: 0 4px; + padding: 0 rem(4px); } &:last-child:after { @@ -78,15 +77,15 @@ height: auto; @include iftablet { - width: 200px; + width: rem(200px); } @include iflaptop { - width: 300px; + width: rem(300px); } @include ifdesktop { - width: 400px; + width: rem(400px); } } diff --git a/src/widgets/cookie-notice/styles.module.scss b/src/widgets/cookie-notice/styles.module.scss index 86c88bb..38d8177 100644 --- a/src/widgets/cookie-notice/styles.module.scss +++ b/src/widgets/cookie-notice/styles.module.scss @@ -11,7 +11,7 @@ transition: opacity 0.25s ease-in-out; border: 1px solid $color-lightgray; - border-radius: 28px; + border-radius: rem(28px); box-shadow: 1px 1px 2px 0 #aaa; @include iftablet { @@ -86,9 +86,6 @@ justify-content: flex-end; max-width: unset; } - - @include ifdesktop { - } } .Hide { diff --git a/src/widgets/footer/styles.module.scss b/src/widgets/footer/styles.module.scss index 7f5847a..5a8b863 100644 --- a/src/widgets/footer/styles.module.scss +++ b/src/widgets/footer/styles.module.scss @@ -264,7 +264,7 @@ @include iftablet { content: '|'; - padding-left: 8px; + padding-left: rem(8px); } } &:last-child:after { diff --git a/src/widgets/preview-modal/styles.module.scss b/src/widgets/preview-modal/styles.module.scss index 050a08b..fe6aeb0 100644 --- a/src/widgets/preview-modal/styles.module.scss +++ b/src/widgets/preview-modal/styles.module.scss @@ -3,10 +3,10 @@ width: 100%; border-radius: rem(16px); padding: rem(10px) rem(10px); - margin-bottom: 20px; + margin-bottom: rem(20px); display: flex; flex-direction: column; - max-width: 460px; + max-width: rem(460px); justify-content: center; align-self: center;