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

fix: update style add rem

Browse Source
This commit is contained in:
Valery Grunenko
2025-12-12 12:51:50 +03:00
parent 214f5ee057
commit 345ffdb603
101 changed files with 1592 additions and 1413 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/experts/borodin/styles.module.scss
View File

@@ -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;
}
}

40
src/views/experts/category/styles.module.scss
View File

@@ -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);
}
}
}

44
src/views/experts/elchischev/styles.module.scss
View File

@@ -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;
}
}

44
src/views/experts/gulmamedov/styles.module.scss
View File

@@ -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;
}
}

44
src/views/experts/kaminskiy/styles.module.scss
View File

@@ -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;
}
}

44
src/views/experts/kolodiy/styles.module.scss
View File

@@ -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;
}
}

44
src/views/experts/mikova/styles.module.scss
View File

@@ -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;
}
}

44
src/views/experts/mityaev/styles.module.scss
View File

@@ -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;
}
}

44
src/views/experts/polinov/styles.module.scss
View File

@@ -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;
}
}

44
src/views/experts/volkova-goncharova/styles.module.scss
View File

@@ -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;
}
}

50
src/views/experts/yancen/styles.module.scss
View File

@@ -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;
}
}