add font weight variables

TarasKachmar2022 · Mar 8, 2024 · 6ffcfaa · 6ffcfaa
1 parent ac3f078
commit 6ffcfaa
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/src/sass/base/_variables.scss b/src/sass/base/_variables.scss
@@ -4,6 +4,9 @@
   --desktop: 1360px;
   // Fonts
   --main-font: 'Open Sans', sans-serif;
+  // Font weight
+  --fw-s: 300;
+  --fw-m: 400;
   // Text colors
   --main-txt-cl: #ffffff;
   --secondary-txt-cl: #333333;

diff --git a/src/sass/components/_titles.scss b/src/sass/components/_titles.scss
@@ -1,5 +1,5 @@
 .main-title {
-  font-weight: 300;
+  font-weight: var(--fw-s);
   font-size: 52px;
   line-height: 1.27;
 
@@ -10,7 +10,7 @@
 }
 
 .uppertitle {
-  font-weight: 400;
+  font-weight: var(--fw-m);
   font-size: 18px;
   line-height: 1.67;
 
@@ -21,7 +21,7 @@
 }
 
 .section-title {
-  font-weight: 300;
+  font-weight: var(--fw-s);
   font-size: 38px;
   line-height: 1.26;
 }

diff --git a/src/sass/layout/_contact.scss b/src/sass/layout/_contact.scss
@@ -49,7 +49,7 @@
 }
 
 .contact__title {
-  font-weight: 300;
+  font-weight: var(--fw-s);
   font-size: 38px;
   line-height: 1.26;
 

diff --git a/src/sass/layout/_team.scss b/src/sass/layout/_team.scss
@@ -97,7 +97,7 @@
   }
 }
 .team__subtitle {
-  font-weight: 400;
+  font-weight: var(--fw-m);
   font-size: 23px;
   line-height: 1.26;
   margin-bottom: 11px;