fix: brighter text colors

Co-authored-by: Francesco Improta <me@francescoimprota.com>
italia · Jul 14, 2023 · 7017ef2 · 7017ef2
1 parent ce19877
commit 7017ef2
Show file tree

Hide file tree

Showing 10 changed files with 20 additions and 22 deletions.
diff --git a/_includes/esempi/comuni/area-personale/documenti.html b/_includes/esempi/comuni/area-personale/documenti.html
@@ -12,12 +12,12 @@ <h2>Documenti</h2>
           aria-expanded="false"
         >
           Filtro documenti
-          <span class="badge neutral-2-bg text-secondary">4</span>
+          <span class="badge bg-secondary">4</span>
         </button>
         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-documenti">
           <a class="dropdown-item d-flex justify-content-between align-items-center" href="#">
             <span>in bozza</span>
-            <span class="badge neutral-2-bg text-secondary">4</span>
+            <span class="badge bg-secondary">4</span>
           </a>
           <a class="dropdown-item" href="#">inviate</a>
           <a class="dropdown-item" href="#">in elaborazione</a>

diff --git a/_includes/esempi/comuni/area-personale/messaggi.html b/_includes/esempi/comuni/area-personale/messaggi.html
@@ -12,12 +12,12 @@ <h2>Messaggi</h2>
           aria-expanded="false"
         >
           Stato dei messaggi
-          <span class="badge neutral-2-bg text-secondary">4</span>
+          <span class="badge bg-secondary">4</span>
         </button>
         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-messaggi">
           <a class="dropdown-item d-flex justify-content-between align-items-center" href="#">
             <span>in bozza</span>
-            <span class="badge neutral-2-bg text-secondary">4</span>
+            <span class="badge bg-secondary">4</span>
           </a>
           <a class="dropdown-item" href="#">inviate</a>
           <a class="dropdown-item" href="#">in elaborazione</a>

diff --git a/_includes/esempi/comuni/area-personale/pagamenti.html b/_includes/esempi/comuni/area-personale/pagamenti.html
@@ -12,12 +12,12 @@ <h2>Pagamenti</h2>
           aria-expanded="false"
         >
           Stato dei pagamenti
-          <span class="badge neutral-2-bg text-secondary">4</span>
+          <span class="badge bg-secondary">4</span>
         </button>
         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-pagamenti">
           <a class="dropdown-item d-flex justify-content-between align-items-center" href="#">
             <span>in bozza</span>
-            <span class="badge neutral-2-bg text-secondary">4</span>
+            <span class="badge bg-secondary">4</span>
           </a>
           <a class="dropdown-item" href="#">inviate</a>
           <a class="dropdown-item" href="#">in elaborazione</a>

diff --git a/_includes/esempi/comuni/area-personale/pratiche.html b/_includes/esempi/comuni/area-personale/pratiche.html
@@ -12,12 +12,12 @@ <h2>Le mie pratiche</h2>
           aria-expanded="false"
         >
           Stato della pratica
-          <span class="badge neutral-2-bg text-secondary">4</span>
+          <span class="badge bg-secondary">4</span>
         </button>
         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-pratiche">
           <a class="dropdown-item d-flex justify-content-between align-items-center" href="#">
             <span>in bozza</span>
-            <span class="badge neutral-2-bg text-secondary">4</span>
+            <span class="badge bg-secondary">4</span>
           </a>
           <a class="dropdown-item" href="#">inviate</a>
           <a class="dropdown-item" href="#">in elaborazione</a>

diff --git a/_includes/esempi/comuni/area-personale/scadenze.html b/_includes/esempi/comuni/area-personale/scadenze.html
@@ -12,12 +12,12 @@ <h2>Scadenze</h2>
           aria-expanded="false"
         >
           Stato delle scadenze
-          <span class="badge neutral-2-bg text-secondary">4</span>
+          <span class="badge bg-secondary">4</span>
         </button>
         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-scadenze">
           <a class="dropdown-item d-flex justify-content-between align-items-center" href="#">
             <span>in bozza</span>
-            <span class="badge neutral-2-bg text-secondary">4</span>
+            <span class="badge bg-secondary">4</span>
           </a>
           <a class="dropdown-item" href="#">inviate</a>
           <a class="dropdown-item" href="#">in elaborazione</a>

diff --git a/docs/componenti/badge.md b/docs/componenti/badge.md
@@ -10,22 +10,20 @@ La grandezza di ogni badge si adatta come dimensione a quella del font (misurato
 
 {% comment %}Example name: Base{% endcomment %}
 {% capture example %}
-<div class="bd-example">
 <div class="h1">Titolo di esempio h1<span class="badge bg-secondary">New</span></div>
 <div class="h2">Titolo di esempio h2<span class="badge bg-secondary">New</span></div>
 <div class="h3">Titolo di esempio h3<span class="badge bg-secondary">New</span></div>
 <div class="h4">Titolo di esempio h4<span class="badge bg-secondary">New</span></div>
 <div class="h5">Titolo di esempio h5<span class="badge bg-secondary">New</span></div>
 <div class="h6">Titolo di esempio h6<span class="badge bg-secondary">New</span></div>
-</div>
 {% endcapture %}{% include example.html content=example %}
 
 I badge possono essere utilizzati come parte di link o pulsanti per fornire un contatore.
 
 {% comment %}Example name: In pulsante{% endcomment %}
 {% capture example %}
 <button type="button" class="btn btn-primary">
-Notifiche <span class="badge neutral-2-bg text-secondary">4</span>
+Notifiche <span class="badge bg-secondary">4</span>
 </button>
 {% endcapture %}{% include example.html content=example %}
 
@@ -42,7 +40,7 @@ A meno che il contesto non sia chiaro (come con l'esempio "Notifiche", dove si c
 {% comment %}Example name: In pulsante, per screen reader{% endcomment %}
 {% capture example %}
 <button type="button" class="btn btn-primary">
-Profilo <span class="badge neutral-2-bg text-secondary">9</span>
+Profilo <span class="badge bg-secondary">9</span>
 <span class="visually-hidden">Messaggi non letti</span>
 </button>
 {% endcapture %}{% include example.html content=example %}

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
@@ -631,7 +631,7 @@ $transfer-height: 240px;
 
 //Timeline
 $timeline-width: 4px;
-$timeline-padding: ($v-gap * 3) - calc($grid-gutter-width / 2);
+$timeline-padding: 12px;
 $timeline-border-color: linear-gradient(0deg, $primary 0%, hsl(210, 100%, 20%) 100%) !default; // UI kit
 $timeline-pin-size: $v-gap * 3;
 $timeline-pin-background: hsl(210, 100%, 20%); // color-blue-20

diff --git a/src/scss/bootstrap-italia-comuni.scss b/src/scss/bootstrap-italia-comuni.scss
@@ -25,7 +25,7 @@ $primary-b: 48;
 // color custom variables
 $color-text-primary-hover: hsl(160, 100%, 19%); // color-seagreen-19
 $color-text-primary-active: hsl(160, 100%, 14%); // color-seagreen-14
-$color-background-primary-lighter: hsl(160, 40, 92%); // color-seagreen-92
+$color-background-primary-lighter: hsl(160, 40%, 92%); // color-seagreen-92
 $btn-comuni-primary-hover: #fff;
 $header-center-bg-color: $primary;
 $header-slim-bg-color: #00402b;

diff --git a/src/scss/custom/_megamenu.scss b/src/scss/custom/_megamenu.scss
@@ -37,8 +37,8 @@
                 background: transparent;
 
                 .description-content {
-                  padding-left: $megamenu-linklist-vertical-link-padding + $grid-gutter-width * 0.5;
-                  padding-right: $megamenu-linklist-vertical-link-padding + $grid-gutter-width * 0.5;
+                  padding-left: 48px;
+                  padding-right: 48px;
                   &:before {
                     content: '';
                     display: block;
@@ -94,7 +94,7 @@
             h3,
             .link-list-heading {
               &.it-heading-megacolumn {
-                margin: $megamenu-linklist-link-v-padding $megamenu-column-gap + $grid-gutter-width * 2;
+                margin: $megamenu-linklist-link-v-padding $megamenu-column-gap + 24px * 2;
                 line-height: $megamenu-heading-line-height;
                 font-size: $megamenu-heading-text-size;
                 text-transform: uppercase;
@@ -157,7 +157,7 @@
       padding: $v-gap * 2 0;
       margin-top: $v-gap * 2;
       .col-12 {
-        padding-bottom: 0px !important;
+        padding-bottom: 0 !important;
       }
       .link-list-wrapper {
         margin-bottom: 0;
@@ -389,7 +389,7 @@
               }
               .row.max-height-col {
                 min-height: 100%;
-                margin-right: -($megamenu-column-gap + $grid-gutter-width * 0.5 + 1);
+                margin-right: -($megamenu-column-gap + 24px * 0.5 + 1);
                 .row.max-height-col {
                   margin-right: -$grid-gutter-width * 0.5;
                 }

diff --git a/src/scss/utilities/text-colors.scss b/src/scss/utilities/text-colors.scss
@@ -2,7 +2,7 @@
 @each $color, $value in $theme-colors {
   @if $color != 'white' {
     .text-#{$color} {
-      color: darken($value, 15%) !important;
+      color: $value;
     }
   }
 }