SBIT-142: Release a PROD

src/components/Catsone/catsone.scss

@@ -3,6 +3,8 @@
 .cats-multiselect {
   &-label {
     color: $primary !important;
+    padding: 5px !important;
+    font-size: 16px !important;
   }
   &-dropdown-menu {
     background: $primary-container !important;
@@ -14,11 +16,15 @@
     &:hover {
       background: rgba(128, 128, 128, 0.13) !important;
     }
+    &label {
+      font-size: 16px !important;
+    }
   }
 
   &-search input {
     background: $primary-container !important;
     color: $primary !important;
+    font-size: 16px !important;
   }
 }
 .cats-multiselect-label-block {
@@ -30,13 +36,14 @@
   padding-left: 15px !important;
   > div {
     overflow-x: hidden !important;
+    padding-bottom: 10px;
   }
 
   &-title {
     overflow: hidden;
     a {
       color: $secondary;
-      font-weight: 700;
+      font-weight: $max-bold;
       font-size: $small;
       padding-bottom: 10px;
     }
@@ -65,7 +72,6 @@
 
 .widget-container {
   min-height: 65vh;
-  margin-top: 20px !important;
   padding-bottom: 70px !important;
 }
 
@@ -79,103 +85,38 @@
   border-top: 2px solid $border-bottom !important;
 }
 
-.banner__head {
-  width: 100%;
-  background: #303234;
-  min-height: 300px;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  h2 {
-    color: $blue;
-    font-size: $small;
-    text-align: center;
-
-    span {
-      background-color: $blue;
-      display: inline-block;
-      -webkit-transform: skew(-15deg);
-      transform: skew(-15deg);
-
-      p {
-        padding: 5px 20px;
-        -webkit-transform: skew(15deg);
-        transform: skew(15deg);
-        color: $white !important;
-        font-size: $small;
-        margin: 0;
-      }
-    }
-  }
-  h3 {
-    color: $white;
-    //border-bottom: 4px solid $blue;
-    //padding: 7px;
-    font-size: $small;
-    text-align: center;
-    //padding: 0px 15px;
-  }
-}
-
 .cats-mobile {
   &-column-name {
     font-size: $small;
   }
 }
 
 @media (min-width: $breakpoint-md) {
-  .cats-column-name {
-    span {
-      font-size: $small;
-    }
-  }
-  .cats-job {
-    &-title {
-      a {
-        font-size: $small;
-      }
-    }
-
-    &-column-value {
-      font-size: $small;
-    }
-  }
-
-  .cats-mobile {
-    &-column-name {
-      font-size: $small;
-    }
-  }
-
-  .cats-multiselect-label {
-    font-size: $small;
+  .widget-container {
+    margin-top: 40px !important;
   }
+}
 
+@media (min-width: $breakpoint-lg) {
   .widget-container {
     margin-top: 70px !important;
   }
-  .banner__head {
-    h2 {
-      font-size: $extra-large;
-      span {
-        p {
-          font-size: $extra-large;
-        }
-      }
+  .cats-job {
+    &-column-value {
+      font-size: $medium;
     }
-    h3 {
-      font-size: $small;
-      border-bottom: 4px solid $blue;
-      padding: 7px;
+
+    &-title a {
+      font-size: $medium;
     }
   }
-}
 
-@media (min-width: $breakpoint-lg) {
-  .cats-job {
-    &-column-value {
-      font-size: $small;
+  .cats-multiselect {
+    &-label {
+      font-size: $medium !important;
+    }
+    &-search input {
+      font-size: $medium !important;
     }
   }
 }

src/components/Footer/Subscription/subscription.js

@@ -13,7 +13,7 @@ export default function Subscription() {
       <div>
         <div className="ContactData__Form d-flex flex-md-column justify-content-between">
           <button className="col-5">
-            <Link to="/recibe-nuestra-newsletter" >Subscribe</Link>
+            <Link to="/recibe-nuestra-newsletter" >¡Aquí!</Link>
           </button>
         </div>
       </div>

src/components/animatedTransitionContinous/animatedTransitionContinous.scss

@@ -44,14 +44,13 @@
     &-inner{
       display: flex;
       flex-direction: row;
-      margin-right: 80px;
+      margin-right: 40px;
       img{
-        margin: 0 100px;
-        height: 70px;
+        margin: 0 50px;
+        height: 40px;
       }
       h1 {
         margin: 0;
-        font-size: 60px;
         color: rgba(255, 255, 255, 1) transparent;
         transition: all 1s ease;
         cursor: default;
@@ -63,3 +62,17 @@
     }
   }
 }
+
+@media screen and (min-width: $breakpoint-lg){
+  .m-scroll {
+    &__title {
+      &-inner {
+        margin-right: 80px;
+        img{
+          margin: 0 100px;
+          height: 70px;
+        }
+      }
+    }
+  }
+}

src/components/quote/Quote.js

@@ -16,8 +16,8 @@ const Quote = ({
   }    
 
   return (
-    <div className="container my-3 mb-lg-5" id={strapi_component + "-" + id}>
-      <section className={`quote variant-${variant} py-5`}>
+    <div className="container mb-3 mb-lg-5" id={strapi_component + "-" + id}>
+      <section className={`quote variant-${variant}`}>
         {(image && !videoUrl) && (
           <div className="quote-body">
             <img

src/components/quote/quote.scss

@@ -2,7 +2,7 @@
 
 .quote {
   display: grid;
-  gap: 3em;
+  gap: 2em;
   color: $primary;
   &-body {
     grid-area: quote-body;
@@ -24,9 +24,7 @@
     flex-direction: column;
 
     &-title {
-      font-weight: 700;
-      margin-bottom: 5px;
-      line-height: 35px;
+      margin-bottom: 1rem;
     }
     &-text {
       margin-bottom: 0;
@@ -132,7 +130,6 @@
   @media screen and (max-width: calc($breakpoint-md - 3px)) {
     grid-template-areas: "quote-body quote-body" "quote-profile quote-person";
     grid-template-columns: auto 1fr;
-    padding: 0.5em;
   }
   @media screen and (max-width: calc($breakpoint-md - 3px)) {
     display: flex;

src/hooks/useNavbar.js

@@ -27,14 +27,18 @@ const useNavbar = () => {
             logo {
               localFile {
                 childImageSharp {
-                  gatsbyImageData
+                  gatsbyImageData(
+                    placeholder: TRACED_SVG
+                  )
                 }
               }
             }
             logoDark {
               localFile {
                 childImageSharp {
-                  gatsbyImageData
+                  gatsbyImageData(
+                    placeholder: TRACED_SVG
+                  )
                 }
               }
             }