Rebuild assets

And add `postcss-scss` and fixing some issues.

app/Resources/static/themes/material/css/entries.scss

@@ -27,7 +27,7 @@
 }
 
 .card-stacked {
-  input[type=checkbox] {
+  input[type="checkbox"] {
     position: relative;
     opacity: initial;
     left: 0;

app/Resources/static/themes/material/css/icons.scss

@@ -8,7 +8,7 @@
  *
  */
 .material-icons {
-  font-family: 'Material Icons';
+  font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   font-size: 24px; /* Preferred icon size */
@@ -32,7 +32,7 @@
   -moz-osx-font-smoothing: grayscale;
 
   /* Support for IE. */
-  font-feature-settings: 'liga';
+  font-feature-settings: "liga";
 
   .md-18 {
     font-size: 18px;
@@ -51,18 +51,18 @@
   }
 
   .md-dark {
-    color: rgba(0, 0, 0, 0.54);
+    color: rgb(0 0 0 / 54%);
 
     .md-inactive {
-      color: rgba(0, 0, 0, 0.26);
+      color: rgb(0 0 0 / 26%);
     }
   }
 
   .md-light {
-    color: rgba(255, 255, 255, 1);
+    color: rgb(255 255 255 / 100%);
 
     .md-inactive {
-      color: rgba(255, 255, 255, 0.3);
+      color: rgb(255 255 255 / 30%);
     }
   }
 }
@@ -185,5 +185,5 @@ footer [class*=" icon-"] {
 
 footer [class^="icon-"]:hover,
 footer [class*=" icon-"]:hover {
-  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  text-shadow: 0 0 10px rgb(0 0 0 / 30%);
 }

app/Resources/static/themes/material/css/index.scss

@@ -1,18 +1,18 @@
-@import 'variables';
+@import "variables";
 
 /* Style */
-@import 'article';
-@import 'cards';
-@import 'entries';
-@import 'filters';
-@import 'layout';
-@import 'nav';
-@import 'sidenav';
-@import 'various';
-@import 'dark_theme';
+@import "article";
+@import "cards";
+@import "entries";
+@import "filters";
+@import "layout";
+@import "nav";
+@import "sidenav";
+@import "various";
+@import "dark_theme";
 
 /* Tools */
-@import 'fonts';
-@import 'icons';
-@import 'print';
-@import 'media_queries';
+@import "fonts";
+@import "icons";
+@import "print";
+@import "media_queries";

app/Resources/static/themes/material/css/media_queries.scss

@@ -103,7 +103,7 @@
 
 @media only screen and (min-width: 1200px) and (max-width: 1650px) {
   .row .col.l3 {
-    width: 33.33333%;
+    width: 33.3333%;
     margin-left: 0;
   }
 }
@@ -116,12 +116,12 @@
     }
 
     .col.l2 {
-      width: 33.33333%;
+      width: 33.3333%;
       margin-left: 0;
     }
 
     .col.l3 {
-      width: 41.66667%;
+      width: 41.6667%;
       margin-left: 0;
     }
 
@@ -131,12 +131,12 @@
     }
 
     .col.l5 {
-      width: 58.33333%;
+      width: 58.333%;
       margin-left: 0;
     }
 
     .col.l6 {
-      width: 66.66667%;
+      width: 66.6667%;
       margin-left: 0;
     }
 
@@ -146,12 +146,12 @@
     }
 
     .col.l8 {
-      width: 83.33333%;
+      width: 83.3333%;
       margin-left: 0;
     }
 
     .col.l9 {
-      width: 91.66667%;
+      width: 91.6667%;
       margin-left: 0;
     }
 

app/Resources/static/themes/material/css/nav.scss

@@ -1,4 +1,3 @@
-
 /* ==========================================================================
    Nav
    ========================================================================== */