SCSS lint fixes

clarin-eric · Dec 13, 2023 · 3b1077b · 3b1077b
1 parent 56e9978
commit 3b1077b
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 33 deletions.
diff --git a/scss/modules/field.scss b/scss/modules/field.scss
@@ -1,4 +1,4 @@
-@media all and (min-width: 560px) {
+@media all and (width >= 560px) {
   .node .field--type-image {
     float: unset;
   }

diff --git a/scss/modules/impactstories.scss b/scss/modules/impactstories.scss
@@ -57,15 +57,12 @@
 
   .field--name-field-header-image {
     img {
-      bottom: 0;
-      left: 0;
+      inset: 0;
       margin: auto;
       min-height: 100%;
       min-width: 100%;
       object-fit: cover;
       position: absolute;
-      right: 0;
-      top: 0;
       z-index: 0;
     }
   }

diff --git a/scss/modules/lists.scss b/scss/modules/lists.scss
@@ -159,15 +159,12 @@
       }
 
       .content_link {
-        bottom: 0;
+        inset: 0;
         float: left;
         height: 100%;
-        left: 0;
         margin: auto;
         position: absolute;
-        right: 0;
         text-indent: -9999px;
-        top: 0;
         width: 100%;
       }
 
@@ -566,7 +563,7 @@ div.node--type-news {
 
     @media (min-width: #{$screen-tablet}) {
       border-bottom: 0;
-      padding: 0 0;
+      padding: 0;
     }
 
     &:first-child {
@@ -807,15 +804,12 @@ div.node--type-news {
       }
 
       .content_link {
-        bottom: 0;
+        inset: 0;
         float: left;
         height: 100%;
-        left: 0;
         margin: auto;
         position: absolute;
-        right: 0;
         text-indent: -9999px;
-        top: 0;
         width: 100%;
       }
 
@@ -901,9 +895,9 @@ div.node--type-news {
   width: 160px;
 
   @media only screen
-    and (min-width: 320px)
-    and (max-device-width: 374px)
-    and (min-resolution: 2dppx) {
+    and (width >= 320px)
+    and (device-width <= 374px)
+    and (resolution >= 2dppx) {
     width: 140px;
   }
 

diff --git a/scss/modules/paragraphs.scss b/scss/modules/paragraphs.scss
@@ -298,15 +298,12 @@
 
   .field--name-field-bg-image {
     img {
-      bottom: 0;
-      left: 0;
+      inset: 0;
       margin: auto;
       min-height: 100%;
       min-width: 100%;
       object-fit: cover;
       position: absolute;
-      right: 0;
-      top: 0;
       z-index: 0;
     }
 
@@ -438,15 +435,12 @@
 
   .field--name-field-bg-image {
     img {
-      bottom: 0;
-      left: 0;
+      inset: 0;
       margin: auto;
       min-height: 100%;
       min-width: 100%;
       object-fit: cover;
       position: absolute;
-      right: 0;
-      top: 0;
       z-index: 0;
     }
 

diff --git a/scss/modules/resources.scss b/scss/modules/resources.scss
@@ -68,15 +68,12 @@
 
   .field--name-field-link {
     a {
-      bottom: 0;
+      inset: 0;
       float: left;
       height: 100%;
-      left: 0;
       margin: auto;
       position: absolute;
-      right: 0;
       text-indent: -9999px;
-      top: 0;
       width: 100%;
       z-index: 1;
     }
@@ -202,15 +199,12 @@
     .more-link,
     .content-link {
       a {
-        bottom: 0;
+        inset: 0;
         float: left;
         height: 100%;
-        left: 0;
         margin: auto;
         position: absolute;
-        right: 0;
         text-indent: -9999px;
-        top: 0;
         width: 100%;
         z-index: 1;
       }