bootstrap-italia 2.16.1 → 2.16.2

package/dist/version.js

@@ -8,7 +8,7 @@
 
 // NOTE:bootstrap italia version variable, useful to check for the current version
 
-const BOOTSTRAP_ITALIA_VERSION = '2.16.1';
+const BOOTSTRAP_ITALIA_VERSION = '2.16.2';
 
 export { BOOTSTRAP_ITALIA_VERSION as default };
 //# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../src/js/version.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)\n * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS\n * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n// NOTE:bootstrap italia version variable, useful to check for the current version\n\nconst BOOTSTRAP_ITALIA_VERSION = '2.16.1'\nexport default BOOTSTRAP_ITALIA_VERSION\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEK,MAAC,wBAAwB,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../src/js/version.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)\n * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS\n * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n// NOTE:bootstrap italia version variable, useful to check for the current version\n\nconst BOOTSTRAP_ITALIA_VERSION = '2.16.2'\nexport default BOOTSTRAP_ITALIA_VERSION\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEK,MAAC,wBAAwB,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-italia",
-  "version": "2.16.1",
+  "version": "2.16.2",
   "keywords": [
     "css",
     "sass",

package/src/js/version.js

@@ -8,5 +8,5 @@
 
 // NOTE:bootstrap italia version variable, useful to check for the current version
 
-const BOOTSTRAP_ITALIA_VERSION = '2.16.1'
+const BOOTSTRAP_ITALIA_VERSION = '2.16.2'
 export default BOOTSTRAP_ITALIA_VERSION

package/src/scss/base/_version.scss

@@ -1,3 +1,3 @@
 :root {
-  --bootstrap-italia-version: '2.16.1';
+  --bootstrap-italia-version: '2.16.2';
 }

package/src/scss/components/_card.scss

@@ -1,5 +1,3 @@
-@use 'sass:math';
-
 // Special list for long groups of cards, bootstrap row/cols grid
 ul.row.it-card-list {
   list-style-type: none;
@@ -176,7 +174,7 @@ article.it-card {
   --#{$prefix}it-card-height: auto;
   --#{$prefix}it-card-inline-min-height: 240px;
   --#{$prefix}it-card-inline-mini-min-height: 160px;
-  --#{$prefix}it-card-inner-border-radius: subtract(var(--#{$prefix}it-card-border-radius), var(--#{$prefix}it-card-border-outside-width));
+  --#{$prefix}it-card-inner-border-radius: calc(var(--#{$prefix}it-card-border-radius) - var(--#{$prefix}it-card-border-outside-width));
   --#{$prefix}it-card-link-color: #{$color-text-secondary};
   --#{$prefix}it-card-list-group-item-padding-y: 0.75rem;
   --#{$prefix}it-card-p-color: #{$color-text-secondary};
@@ -220,68 +218,6 @@ article.it-card {
     }
   }
 
-  // Profile card
-  &.it-card-profile {
-    .it-card-profile-header {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap-reverse;
-      justify-content: space-between;
-      align-items: center;
-
-      // Gap fallback
-      > * {
-        margin: 0.5rem;
-      }
-
-      @supports (gap: 1rem) {
-        gap: 1rem;
-
-        > * {
-          margin: 0;
-        }
-      }
-
-      margin-top: calc(2 * var(--#{$prefix}it-card-title-spacer-y));
-      margin-bottom: var(--#{$prefix}it-card-title-spacer-y);
-      padding: 0 var(--#{$prefix}it-card-spacer-x);
-
-      .it-card-profile {
-        flex: 1;
-        max-width: 100%;
-
-        .it-card-profile-name {
-          margin-bottom: 0.25rem;
-        }
-
-        .it-card-profile-role,
-        .it-card-place-type {
-          font-weight: 600;
-          font-size: 1rem;
-          line-height: 1.5rem;
-          margin-bottom: 0;
-        }
-      }
-
-      .it-card-profile-image {
-        max-width: 80px;
-        max-height: 80px;
-
-        figure {
-          margin-bottom: 0;
-        }
-
-        .it-card-profile-image-icon-wrapper {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-
-          background-color: $color-background-primary-lighter;
-        }
-      }
-    }
-  }
-
   // Card title styles
   .it-card-title {
     margin-top: calc(2 * var(--#{$prefix}it-card-title-spacer-y));
@@ -292,7 +228,6 @@ article.it-card {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
-      margin-right: -8px;
 
       // Gap fallback
       > * {
@@ -374,7 +309,7 @@ article.it-card {
     }
   }
 
-  // Card footer cap
+  // Card footer
   .it-card-footer {
     margin: 0 var(--#{$prefix}it-card-cap-padding-x);
     padding: var(--#{$prefix}it-card-cap-padding-y) 0;
@@ -573,20 +508,16 @@ article.it-card {
   // Card image responsive wrapper and a11y DOM order hack
   &.it-card-image {
     width: 100%;
-    @include border-top-radius(var(--#{$prefix}it-card-inner-border-radius));
-    @include border-bottom-radius(var(--#{$prefix}it-card-inner-border-radius));
 
     .it-card-image-wrapper {
       order: -1;
     }
 
     &.rounded {
-      .it-card-image-wrapper {
-        &:first-child,
-        &:nth-child(2) {
-          border-top-left-radius: var(--#{$prefix}it-card-inner-border-radius);
-          border-top-right-radius: var(--#{$prefix}it-card-inner-border-radius);
-        }
+      @include border-top-radius(var(--#{$prefix}it-card-inner-border-radius));
+
+      .it-card-image-wrapper img {
+        @include border-top-radius(var(--#{$prefix}it-card-inner-border-radius));
       }
 
       &.it-card-border-top {
@@ -642,6 +573,68 @@ article.it-card {
     }
   }
 
+  // Card profile
+  &.it-card-profile {
+    .it-card-profile-header {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap-reverse;
+      justify-content: space-between;
+      align-items: center;
+
+      // Gap fallback
+      > * {
+        margin: 0.5rem;
+      }
+
+      @supports (gap: 1rem) {
+        gap: 1rem;
+
+        > * {
+          margin: 0;
+        }
+      }
+
+      margin-top: calc(2 * var(--#{$prefix}it-card-title-spacer-y));
+      margin-bottom: var(--#{$prefix}it-card-title-spacer-y);
+      padding: 0 var(--#{$prefix}it-card-spacer-x);
+
+      .it-card-profile {
+        flex: 1;
+        max-width: 100%;
+
+        .it-card-profile-name {
+          margin-bottom: 0.25rem;
+        }
+
+        .it-card-profile-role,
+        .it-card-place-type {
+          font-weight: 600;
+          font-size: 1rem;
+          line-height: 1.5rem;
+          margin-bottom: 0;
+        }
+      }
+
+      .it-card-profile-image {
+        max-width: 80px;
+        max-height: 80px;
+
+        figure {
+          margin-bottom: 0;
+        }
+
+        .it-card-profile-image-icon-wrapper {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          background-color: $color-background-primary-lighter;
+        }
+      }
+    }
+  }
+
   // Card presentation
   &.it-card-banner {
     align-items: center;
@@ -721,24 +714,19 @@ article.it-card {
           }
         }
 
+        // Image border radius adjustments
         &.rounded {
-          .it-card-image-wrapper {
-            &:first-child,
-            &:nth-child(2) {
-              border-top-right-radius: 0 !important;
-              border-bottom-left-radius: var(--#{$prefix}it-card-inner-border-radius);
-            }
+          .it-card-image-wrapper img {
+            border-top-right-radius: 0;
+            border-bottom-left-radius: var(--#{$prefix}it-card-inner-border-radius);
           }
 
           &.it-card-inline-reverse {
-            .it-card-image-wrapper {
-              &:first-child,
-              &:nth-child(2) {
-                border-top-left-radius: 0 !important;
-                border-bottom-left-radius: 0 !important;
-                border-top-right-radius: var(--#{$prefix}it-card-inner-border-radius) !important;
-                border-bottom-right-radius: var(--#{$prefix}it-card-inner-border-radius) !important;
-              }
+            .it-card-image-wrapper img {
+              border-top-right-radius: var(--#{$prefix}it-card-inner-border-radius);
+              border-bottom-right-radius: var(--#{$prefix}it-card-inner-border-radius);
+              border-top-left-radius: 0;
+              border-bottom-left-radius: 0;
             }
           }
         }