Merge pull request #91 from gudzsv/feature/section-text

Change color section-title
gudzsv · May 1, 2024 · ca4ebf2 · ca4ebf2
2 parents 3d1780a + 160de5e
commit ca4ebf2
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 21 deletions.
diff --git a/src/assets/css/base.css b/src/assets/css/base.css
@@ -145,6 +145,7 @@ body {
 
 .section-title {
   color: var(--Opacity_40);
+  font-size: 16px;
   font-weight: 600;
   line-height: 1.5;
   letter-spacing: -0.02em;

diff --git a/src/assets/css/colors.css b/src/assets/css/colors.css
@@ -8,7 +8,8 @@
   --Main_text: #fafafa;
   --Opacity_10: rgba(250, 250, 250, 0.1);
   --Opacity_20: rgba(250, 250, 250, 0.2);
-  --Opacity_40: rgba(250, 250, 250, 0.4);
+  --Opacity_40: #FAFAFAA6;
+  /* --Opacity_40: rgba(250, 250, 250, 0.4); */
   --Opacity_60: rgba(250, 250, 250, 0.6);
   --Success_message: #3cbc81;
   --Error_message: #e74a3b;

diff --git a/src/partials/projects/projects.css b/src/partials/projects/projects.css
@@ -2,13 +2,13 @@
   list-style: none;
   padding: 0;
   margin: 0;
-  
+
 }
 .project-card {
   display: flex;
   flex-direction: column;
   border-radius: 24px;
-  overflow: hidden;  
+  overflow: hidden;
   height: auto;
 }
 @keyframes slideLeftToRight {
@@ -54,15 +54,15 @@ line-height: 19.36px;
 letter-spacing: -0.02em;
 text-align: left;
 
-  
+
 }
 .right-part {
   flex: 1;
   background-color: #242527;
   padding: 100px 16px;
   display: flex;
   justify-content: center;
-  align-items: center; 
+  align-items: center;
 }
 .project-card .right-part img {
   max-width: 100%;
@@ -128,30 +128,21 @@ text-align: left;
   overflow-y: hidden;
 }
 
-.projects-header {
-  font-family: Inter Tight;
-font-size: 16px;
-font-weight: 600;
-line-height: 24px;
-letter-spacing: -0.02em;
-text-align: left;
-color: #FAFAFA66;
-}
 .projects-header {
   margin-bottom: 64px;
 }
 .project-swiper-btn {
-  display: flex; 
+  display: flex;
   justify-content: center;
-  align-items: center; 
+  align-items: center;
   width: 52px;
   height: 52px;
   padding: 14px;
   gap: 10px;
   border-radius: 60px;
   border: 1px solid #FAFAFA80;
   background-color: transparent;
-  fill: none; 
+  fill: none;
   stroke: #fafafa;
 }
 .project-swiper-btn:disabled {
@@ -166,7 +157,7 @@ color: #FAFAFA66;
 .project-swiper-btn:not([disabled]):hover .project-btn-icon,
 .project-swiper-btn:not([disabled]):focus .project-btn-icon {
   stroke: #E0373F;
-  
+
 }
 
 /* =============TABLET====================== */
@@ -196,7 +187,7 @@ color: #FAFAFA66;
     width: 32px;
     height: 32px;
   }
-  .project-swiper-btn { 
+  .project-swiper-btn {
     width: 68px;
     height: 68px;
     padding: 18px;
@@ -226,4 +217,4 @@ color: #FAFAFA66;
    .projects-swiper-btns {
     padding-bottom: 164x;
   }
-}
+}
diff --git a/src/partials/projects/projects.html b/src/partials/projects/projects.html
@@ -1,6 +1,6 @@
 <section class="projects" id="projects">
     <div class="swiper-container container">
-            <h2 class="projects-header">PROJECTS</h2>
+            <h2 class="projects-header section-title">PROJECTS</h2>
       <div class="swiper-wrapper">
 
         <div class="swiper-slide">