fix: footer link decoration

italia · Nov 18, 2024 · a507636 · a507636
1 parent c58c5b4
commit a507636
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 26 deletions.
diff --git a/docs/menu-di-navigazione/footer.md b/docs/menu-di-navigazione/footer.md
@@ -96,7 +96,7 @@ Potrebbe anche contenere riferimenti alle pagine social dell'amministrazione.
       <section class="py-4 border-white border-top">
         <div class="row">
           <div class="col-lg-4 col-md-4 pb-2">
-            <h4><a href="#">Contatti</a></h4>
+            <h4>Contatti</h4>
             <p>
               <strong>Comune di Lorem Ipsum</strong><br>
               Via Roma 0 - 00000 Lorem Ipsum Codice fiscale / P. IVA: 000000000
@@ -111,11 +111,11 @@ Potrebbe anche contenere riferimenti alle pagine social dell'amministrazione.
             </div>
           </div>
           <div class="col-lg-4 col-md-4 pb-2">
-            <h4><a href="#">Lorem Ipsum</a></h4>
+            <h4>Lorem Ipsum</h4>
           </div>
           <div class="col-lg-4 col-md-4 pb-2">
             <div class="pb-2">
-              <h4><a href="#">Seguici su</a></h4>
+              <h4>Seguici su</h4>
               <ul class="list-inline text-left social">
                 <li class="list-inline-item">
                   <a class="p-2 text-white" href="#"><svg class="icon icon-sm icon-white align-top"><use xlink:href="{{site.baseurl}}/dist/svg/sprites.svg#it-designers-italia"></use></svg><span class="visually-hidden">Designers Italia (link esterno)</span></a>
@@ -175,7 +175,7 @@ Potrebbe anche contenere riferimenti alle pagine social dell'amministrazione.
       <section class="py-4 border-white border-top">
         <div class="row">
           <div class="col-lg-4 col-md-4 pb-2">
-            <h4><a href="#">Contatti</a></h4>
+            <h4>Contatti</h4>
             <p>
               <strong>Comune di Lorem Ipsum</strong><br>
               Via Roma 0 - 00000 Lorem Ipsum Codice fiscale / P. IVA: 000000000
@@ -190,11 +190,11 @@ Potrebbe anche contenere riferimenti alle pagine social dell'amministrazione.
             </div>
           </div>
           <div class="col-lg-4 col-md-4 pb-2">
-            <h4><a href="#">Lorem Ipsum</a></h4>
+            <h4>Lorem Ipsum</h4>
           </div>
           <div class="col-lg-4 col-md-4 pb-2">
             <div class="pb-2">
-              <h4><a href="#">Seguici su</a></h4>
+              <h4>Seguici su</h4>
               <ul class="list-inline text-left social">
                 <li class="list-inline-item">
                   <a class="p-2 text-white" href="#"><svg class="icon icon-sm icon-white align-top"><use xlink:href="{{site.baseurl}}/dist/svg/sprites.svg#it-designers-italia"></use></svg><span class="visually-hidden">Designers Italia (link esterno)</span></a>

diff --git a/src/scss/custom/_footer.scss b/src/scss/custom/_footer.scss
@@ -1,26 +1,28 @@
-//mobile
+.it-footer {
+  font-size: 1rem;
+  a {
+    color: $white;
+    &:hover {
+      color: color-hover($white);
+    }
+  }
+}
+
 .it-footer-main {
+  --bs-border-opacity: 0.5;
   background-color: $footer-top-background;
   color: $white;
   font-size: 1rem;
 
-  h4 a {
-    color: $white;
-    text-decoration: none;
+  h4 {
     text-transform: uppercase;
-    font-size: 1rem;
   }
 
   .link-list-wrapper ul li {
-    a {
+    a:not(.disabled) {
       padding: 0;
-      font-size: 1rem;
       line-height: 2rem;
-      color: $white;
-
-      &:hover:not(.disabled) {
-        text-decoration: underline;
-      }
+      text-decoration: underline;
     }
   }
 
@@ -33,7 +35,6 @@
 
     a {
       display: flex;
-      color: $header-center-text-color;
       align-items: center;
       text-decoration: none;
 
@@ -90,13 +91,6 @@
       }
     }
   }
-
-  a,
-  a:hover:not(.disabled) {
-    color: $white;
-    font-size: 1rem;
-    text-decoration: none;
-  }
 }
 
 .form-newsletter {