fix(site): re-enable Icons font face since it's still used in some of…

… Volto's interface

theme/themes/eea/definitions/elements/icon.less

@@ -21,17 +21,17 @@
              Icon
 *******************************/
 
-//@font-face {
-//  font-display: swap;
-//  font-family: 'Icons';
-//  src: @fallbackSRC;
-//  src: @src;
-//  font-style: normal;
-//  font-weight: @normal;
-//  font-variant: normal;
-//  text-decoration: inherit;
-//  text-transform: none;
-//}
+@font-face {
+  font-display: swap;
+  font-family: 'Icons';
+  src: @fallbackSRC;
+  src: @src;
+  font-style: normal;
+  font-weight: @normal;
+  font-variant: normal;
+  text-decoration: inherit;
+  text-transform: none;
+}
 
 i.icon {
   display: inline-block;
@@ -42,7 +42,7 @@ i.icon {
   width: @width;
   height: @height;
 
-  //font-family: 'Icons';
+  font-family: 'Icons';
   font-style: normal;
   font-weight: @normal;
   text-decoration: inherit;

theme/themes/eea/globals/site.overrides

@@ -8,7 +8,43 @@ html,
 body {
   font-size: @baseFontSize;
 }
-
+/* Warn editor when there is an empty link */
+.slate-editor-link.external
+  > span:first-child
+  > span
+  > span[data-slate-length='0']::before {
+  color: red;
+  content: 'Empty external link ';
+}
+
+.slate-editor-link.internal
+  > span
+  > span
+  > span[data-slate-length='0']::before {
+  color: red;
+  content: 'Empty internal link ';
+}
+
+// select img with empty alt attribute which are inside a link using has pseudo-selector
+.image-block-container:has(img[alt=''])::before {
+  display: flex;
+  justify-content: center;
+  border: 3px solid red;
+  color: red;
+  content: 'Empty alt attribute';
+}
+
+// border: 3px solid red;
+
+// span[data-slate-length="0"]:empty::before {
+//   color: red;
+//   content: "Empty tag";
+// }
+
+// span[data-slate-length="0"]::before {
+//   color: red;
+//   content: "Empty tag";
+// }
 // Accessibility outline on focus-visible for every component
 *:focus-visible {
   outline: @focusVisibleOutline;