Merge branch 'io-1286' into test

.stylelintrc.json

@@ -6,7 +6,6 @@
       "preset": "bem"
     },
     "selector-class-pattern": null,
-    "no-descending-specificity": null,
-    "declaration-block-no-redundant-longhand-properties": null
+    "no-descending-specificity": null
   }
 }

CHANGELOG.md

@@ -19,7 +19,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Changed font-weight in video heading and refactored to correct scss setup.
-- Changed stylelint rules to exclude no-longhand-properties.
 - Updated package version for stylelint.
 - Changed accordion heading to be inside ods-accordion
 - **Breaking change:** Updated checkbox and radio component according to adjustments from design (Figma), both now have label options, correct spacing and correct font size and weight. Also changed naming of modifiers to be more consistent with other components.
@@ -32,6 +31,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed spacing and some other design adjustments on menu component.
 - Fixed an issue where long links would not break properly.
 - Fixed links on portrait cards to improve screen reader capabilities.
+- Fixed linting errors caused by new stylelint version.
 
 ### Removed
 

src/components/banner/banner.scss

@@ -20,11 +20,9 @@
     display: grid;
     grid-auto-flow: dense;
     grid-template-columns: repeat(#{grid.$columns}, 1fr);
-    column-gap: grid.$gutter-size;
-    row-gap: grid.$gutter-size;
+    gap: grid.$gutter-size;
     @include breakpoints.medium {
-      column-gap: grid.$gutter-size-large;
-      row-gap: grid.$gutter-size-large;
+      gap: grid.$gutter-size-large;
     }
 
     margin: 0 auto;

src/components/service_header/service_header.scss

@@ -30,9 +30,8 @@
   &__image {
     grid-row-start: 1;
     display: grid;
-    align-items: center;
     grid-column: 3 / 11;
-    justify-items: center;
+    place-items: center;
 
     img {
       max-width: 10.125rem;

src/general/grid/grid.scss

@@ -16,25 +16,21 @@
   }
 
   &--gap {
-    column-gap: grid.$gap-size-hard;
-    row-gap: grid.$gap-size-hard;
+    gap: grid.$gap-size-hard;
 
     @include breakpoints.medium {
-      column-gap: grid.$gap-size-hard-large;
-      row-gap: grid.$gap-size-hard-large;
+      gap: grid.$gap-size-hard-large;
     }
 
     &-breakpoint-medium {
       @include breakpoints.medium {
-        column-gap: grid.$gap-size-hard-large;
-        row-gap: grid.$gap-size-hard-large;
+        gap: grid.$gap-size-hard-large;
       }
     }
 
     &-breakpoint-large {
       @include breakpoints.large {
-        column-gap: grid.$gap-size-hard-large;
-        row-gap: grid.$gap-size-hard-large;
+        gap: grid.$gap-size-hard-large;
       }
     }
   }