Home responsive, footer, menú header con elementos de la página

ging · Jun 18, 2024 · 80274b4 · 80274b4
1 parent 87044c7
commit 80274b4
Show file tree

Hide file tree

Showing 19 changed files with 1,501 additions and 1,579 deletions.
diff --git a/app/globals.css b/app/globals.css
diff --git a/app/globals.css.map b/app/globals.css.map
diff --git a/app/page.js b/app/page.js
@@ -31,8 +31,8 @@ export default function Home() {
         <div className="parallax__layer parallax__layer--base">
           <main>
             <section className="home">
-              <div className="head block sm:flex sm:flew-row mt-4 sm:mt-6 md:mt-8 lg-mt-10 2xl:mt-14">
-                <div className="group_description flex flex-col gap-4 sm:justify-center md:gap-8 sm:items-center mx-4 sm:mx-8 md:ml-12 lg:ml-16 xl:ml-20 2xl:ml-24">
+              <div className="head block sm:flex sm:flew-row items-center mt-4 sm:mt-6 md:mt-8 lg-mt-10 2xl:mt-14">
+                <div className="group_description flex flex-col gap-4 sm:justify-center md:gap-8 sm:items-center mx-8 sm:mx-8 md:ml-12 lg:ml-16 xl:ml-20 2xl:ml-24 sm:w-2/5">
                   <img
                     className="logo_home mt-4 sm:mt-0 self-start"
                     src="/assets/img/iso_logo.svg"
@@ -48,10 +48,9 @@ export default function Home() {
                     </Link>
                   </button>
                 </div>
-                <img
-                  className="mt-4 sm:mt-0 w-1/2"
-                  src="/assets/img/banner_prov.svg"
-                />
+                  <div
+                    className="banner_f4d_img sm:mt-0 sm:w-3/5"
+                  />
               </div>
 
               <div className="body lg:mx-36 md:mx-14 sm:mx-8 mx-4 lg:my-12 md:my-8 sm:my-4 my-4 xl:mx-44 2xl:mx-60">

diff --git a/app/sass/lib/_mixins.sass b/app/sass/lib/_mixins.sass
@@ -188,12 +188,19 @@
         .isotype
 
 @mixin li_nav_bar
-  li 
-    &.li-selected 
-      a 
-        border-bottom: $border1 $ca-or-100
-        &:hover 
-          border-bottom: $border1 $ca-or-100
+    li 
+        a 
+            &:hover 
+                border-bottom: $border1 $link_header   
+                text-decoration: none
+        &.li-selected 
+            a 
+                color: $link_header
+                border-bottom: $border1 $link_header
+                &:hover 
+                    border-bottom: $border1 $link_header
+
+
 //ES
 @mixin nav_bar_es
     @media (max-width: $max-phone-width-es) 

diff --git a/app/sass/lib/_type.sass b/app/sass/lib/_type.sass
@@ -20,7 +20,7 @@ $button: 14px, 16px, 18px, 300 //buttons
 $sm-text: 16px, 18px, 20px, 400, 140%, 1rem, 0.6rem //h5
 $md-text: 18px, 20px, 22px, 400, 140%, 1rem //h4
 $lg-text: 22px, 26px, 30px, 400,140%, 1rem  //h3
-$xl-text: 25px, 30px, 36px, 300, 140%, 1rem //h2
+$xl-text: 23px, 30px, 36px, 300, 140%, 1rem //h2
 $xxl-text: 28px, 36px, 42px, 300, 140%, 1rem  //h1
 
 $slim-weight: 500

diff --git a/app/sass/lib/_variables.sass b/app/sass/lib/_variables.sass
@@ -1,5 +1,8 @@
 //COLOR
 $background: #272932
+$background-secondary: #393D49
+$link_hover: #6c707e
+$link_header: #9ECBFF
 $blue_primary: #1C74D9
 $orange_accent: #98CE00
 $burgundry_support: #9f226d
@@ -84,8 +87,8 @@ $montserrat: "montserrat", sans-serif
 $montserrat-alternates: "Montserrat Alternates", sans-serif
 $helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif
 
-$border1: 5px solid
-$border2: 5px dashed
+$border1: 2px solid
+$border2: 2px solid
 
 $regular: 400
 $semi-bold: 600