Use Compound close icon in favour of mishmash of x/close icons (#108)

* Use Compound close icon in favour of mishmash of x/close icons

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Remove stale CSS

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshot

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

res/css/views/dialogs/_PollCreateDialog.pcss

@@ -52,15 +52,13 @@ Please see LICENSE files in the repository root for full details.
 
             &::before {
                 content: "";
-                mask: url("$(res)/img/element-icons/x-8px.svg");
+                mask: url("@vector-im/compound-design-tokens/icons/close.svg");
                 mask-repeat: no-repeat;
                 mask-position: center;
-                mask-size: cover;
-                width: 8px;
-                height: 8px;
+                mask-size: 16px;
+                width: inherit;
+                height: inherit;
                 position: absolute;
-                top: 6px;
-                left: 6px;
                 background-color: $secondary-content;
             }
         }

res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss

@@ -89,7 +89,7 @@ Please see LICENSE files in the repository root for full details.
                 color: $alert;
 
                 &::before {
-                    mask-image: url("$(res)/img/feather-customised/x.svg");
+                    mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
                     background-color: $alert;
                 }
             }

res/css/views/elements/_AccessibleButton.pcss

@@ -72,7 +72,7 @@ Please see LICENSE files in the repository root for full details.
             background-color: var(--cpd-color-bg-critical-primary);
 
             &::before {
-                mask-image: url("$(res)/img/feather-customised/x.svg");
+                mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
             }
         }
 

res/css/views/elements/_ImageView.pcss

@@ -139,8 +139,8 @@ $button-gap: 24px;
     &::before {
         width: $button-size;
         height: $button-size;
-        mask-image: url("$(res)/img/image-view/close.svg");
-        mask-size: 40%;
+        mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
+        mask-size: 24px;
     }
 }
 

res/css/views/elements/_Validation.pcss

@@ -53,7 +53,7 @@ Please see LICENSE files in the repository root for full details.
         color: $alert;
 
         &::before {
-            mask-image: url("$(res)/img/feather-customised/x.svg");
+            mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
             background-color: $alert;
         }
     }