Update violating stylelint `declaration-block-no-redundant-longhand-p…

…roperties` rule to use inset shorthand notation
w3c · Nov 1, 2023 · 2d581f7 · 2d581f7
1 parent eb6dc65
commit 2d581f7
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 20 deletions.
diff --git a/content/patterns/alertdialog/examples/css/alertdialog.css b/content/patterns/alertdialog/examples/css/alertdialog.css
@@ -45,10 +45,7 @@
   display: none;
   position: fixed;
   overflow-y: auto;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
 }
 
 @media screen and (min-width: 640px) {

diff --git a/content/patterns/button/examples/css/button.css b/content/patterns/button/examples/css/button.css
@@ -34,10 +34,7 @@
   position: absolute;
 
   /* button border width - outline width - offset */
-  top: calc(-1px - 3px - 3px);
-  right: calc(-1px - 3px - 3px);
-  bottom: calc(-1px - 3px - 3px);
-  left: calc(-1px - 3px - 3px);
+  inset: calc(-1px - 3px - 3px);
   border: 3px solid hsl(213deg 71% 49%);
 
   /* button border radius + outline width + offset */

diff --git a/content/patterns/dialog-modal/examples/css/dialog.css b/content/patterns/dialog-modal/examples/css/dialog.css
@@ -109,10 +109,7 @@
   display: none;
   position: fixed;
   overflow-y: auto;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
 }
 
 @media screen and (min-width: 640px) {

diff --git a/content/patterns/table/examples/css/sortable-table.css b/content/patterns/table/examples/css/sortable-table.css
@@ -32,10 +32,7 @@ table.sortable th button {
   background: transparent;
   border: none;
   display: inline;
-  right: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
+  inset: 0;
   width: 100%;
   text-align: left;
   outline: none;

diff --git a/content/shared/css/core.css b/content/shared/css/core.css
@@ -107,10 +107,7 @@ th .example-header {
   z-index: -1;
 
   /* button border width - outline width - offset */
-  top: calc(-1px - 3px - 3px);
-  right: calc(-1px - 3px - 3px);
-  bottom: calc(-1px - 3px - 3px);
-  left: calc(-1px - 3px - 3px);
+  inset: calc(-1px - 3px - 3px);
   border: 3px solid hsl(213deg 71% 49%);
 
   /* button border radius + outline width + offset */