fix: change font size and font weight based on design

aizad-deriv · aizad-deriv · commit 1b6aa1611da1 · 2022-11-22T21:47:32.000+08:00
diff --git a/src/sass/app/components/market.scss b/src/sass/app/components/market.scss
@@ -304,7 +304,7 @@
                         padding-bottom: 80px;
                     }
                     .market_name {
-                        @include market_name(18px, 400, $COLOR_BLUE);
+                        @include market_name(18px, 500, $COLOR_BLUE);
                         @media (min-width: 320px) and (max-width: 767px) {
                             font-size: 16px;
                         }
@@ -323,10 +323,7 @@
                         margin-bottom: 10px;
 
                         .submarket_name {
-                            @include market_name(12px, 300, $COLOR_ORANGE);
-                            @media (min-width: 320px) and (max-width: 767px) {
-                                font-size: 12px;
-                            }
+                            @include market_name(12px, 400, $COLOR_ORANGE);
                         }
                         .symbols {
                             display: flex;
@@ -385,7 +382,7 @@
                         }
                     }
                     .subgroup_name {
-                        @include market_name(18px,400, $COLOR_BLUE);
+                        @include market_name(18px,500, $COLOR_BLUE);
                         @media (min-width: 320px) and (max-width: 767px) {
                             font-size: 16px;
                         }
@@ -406,7 +403,7 @@
                         margin-bottom: 10px;
 
                         .submarket_name {
-                            @include market_name(12px, 300, $COLOR_ORANGE);
+                            @include market_name(12px, 400, $COLOR_ORANGE);
                             @media (min-width: 320px) and (max-width: 767px) {
                                 font-size: 12px;
                             }

Original file line number	Diff line number	Diff line change
`@@ -304,7 +304,7 @@`
`304`	`304`	`padding-bottom: 80px;`
`305`	`305`	`}`
`306`	`306`	`.market_name {`
`307`		`- @include market_name(18px, 400, $COLOR_BLUE);`
	`307`	`+ @include market_name(18px, 500, $COLOR_BLUE);`
`308`	`308`	`@media (min-width: 320px) and (max-width: 767px) {`
`309`	`309`	`font-size: 16px;`
`310`	`310`	`}`
`@@ -323,10 +323,7 @@`
`323`	`323`	`margin-bottom: 10px;`
`324`	`324`
`325`	`325`	`.submarket_name {`
`326`		`- @include market_name(12px, 300, $COLOR_ORANGE);`
`327`		`- @media (min-width: 320px) and (max-width: 767px) {`
`328`		`- font-size: 12px;`
`329`		`- }`
	`326`	`+ @include market_name(12px, 400, $COLOR_ORANGE);`
`330`	`327`	`}`
`331`	`328`	`.symbols {`
`332`	`329`	`display: flex;`
`@@ -385,7 +382,7 @@`
`385`	`382`	`}`
`386`	`383`	`}`
`387`	`384`	`.subgroup_name {`
`388`		`- @include market_name(18px,400, $COLOR_BLUE);`
	`385`	`+ @include market_name(18px,500, $COLOR_BLUE);`
`389`	`386`	`@media (min-width: 320px) and (max-width: 767px) {`
`390`	`387`	`font-size: 16px;`
`391`	`388`	`}`
`@@ -406,7 +403,7 @@`
`406`	`403`	`margin-bottom: 10px;`
`407`	`404`
`408`	`405`	`.submarket_name {`
`409`		`- @include market_name(12px, 300, $COLOR_ORANGE);`
	`406`	`+ @include market_name(12px, 400, $COLOR_ORANGE);`
`410`	`407`	`@media (min-width: 320px) and (max-width: 767px) {`
`411`	`408`	`font-size: 12px;`
`412`	`409`	`}`