Fix the CSS linter

Author: javiereguiluz

assets/css/easyadmin-theme/autocomplete.css

@@ -181,8 +181,8 @@ body:not(.ea-content-width-full) .content-wrapper {
     block-size: 100%;
     min-block-size: 100vh;
     inset-inline-start: calc(0px - 2 * 20px - var(--sidebar-max-width));
-    overflow-x: hidden;
-    overflow-y: auto;
+    overflow-inline: hidden;
+    overflow-block: auto;
     padding: 15px 20px;
     position: fixed;
     inset-block-start: 0;
@@ -870,16 +870,16 @@ a.user-menu-wrapper .user-details:hover {
 }
 .alert {
     border-width: 0 0 var(--border-width);
-    margin-bottom: 0;
+    margin-block-end: 0;
 }
 .alert .btn-close,
 .alert .btn-close:focus {
     box-shadow: none;
     outline: none;
     background-size: .75em;
     padding: .5em;
-    top: .75em;
-    right: .5em;
+    inset-block-start: .75em;
+    inset-inline-end: .5em;
 }
 .alert .btn-close:focus,
 .alert .btn-close:hover {

assets/css/easyadmin-theme/base.css

@@ -10,7 +10,7 @@ table.datagrid {
 }
 table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.actions,
 table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.actions.actions-as-dropdown {
-  min-width: 50px;
+  min-inline-size: 50px;
 }
 @media (max-width: 767px) {
   table.datagrid:not(.datagrid-empty) tbody,
@@ -269,7 +269,12 @@ table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.actions.actions-as-dro
   padding: 0 10px;
 }
 .datagrid .empty-row td:nth-child(1) { inline-size: 20%; }
-.datagrid .empty-row td:nth-child(2) { display: none; @media (min-width: 992px) { inline-size: 5%; } }
+.datagrid .empty-row td:nth-child(2) { display: none; }
+@media (min-width: 992px) {
+  .datagrid .empty-row td:nth-child(2) {
+    inline-size: 5%;
+  }
+}
 .datagrid .empty-row td:nth-child(3) { inline-size: 10%; }
 .datagrid .empty-row td:nth-child(4) { inline-size: 25%; }
 .datagrid .empty-row td:nth-child(5) { inline-size: 10%; }

assets/css/easyadmin-theme/datagrids.css

@@ -56,7 +56,7 @@
 .ea-detail .field-group.field-text_editor .field-value {
   max-block-size: 350px;
   max-inline-size: 80ch;
-  overflow-y: auto;
+  overflow-block: auto;
 }
 
 /* for boolean fields, flip the label <-> value order because the label is

assets/css/easyadmin-theme/detail-page.css

@@ -43,7 +43,7 @@
 }
 .field-code_editor dt {
    max-block-size: 480px;
-   overflow-y: auto;
+   overflow-block: auto;
  }
 
 /* Collection field */
@@ -224,5 +224,5 @@
 /* Text editor field */
 .field-text_editor dt {
   max-block-size: 480px;
-  overflow-y: auto;
+  overflow-block: auto;
 }

assets/css/easyadmin-theme/fields.css

@@ -52,7 +52,7 @@
 
 $directory = __DIR__.'/../../../assets';
 
-return lintCssFiles($directory, $logicalCssProperties);
+exit(lintCssFiles($directory, $logicalCssProperties));
 
 function lintCssFiles($directory, $logicalCssProperties): int
 {