Normalize call buttons (#8129)

- Set a mixin to use it on call events and toasts Fixes https://github.com/vector-im/element-web/issues/21493 Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-04 00:34:39 -06:00
parent 19c665f5b8
commit 631fd87509
3 changed files with 31 additions and 34 deletions
@@ -670,3 +670,25 @@ legend {
    line-height: inherit;
    cursor: pointer;
 }
+
+@define-mixin CallButton {
+    box-sizing: border-box;
+    font-weight: 600;
+    height: $font-24px;
+    line-height: $font-24px;
+    margin-right: 0;
+
+    span {
+        display: flex;
+        align-items: center;
+
+        &::before {
+            content: '';
+            display: inline-block;
+            background-color: $button-fg-color;
+            mask-position: center;
+            mask-repeat: no-repeat;
+            margin-right: 8px;
+        }
+    }
+}