web: Don't inherit page CSS

2023-04-24 04:23:05 -05:00 · 2023-04-24 04:23:05 -05:00 · 9b87b31657
parent 7af0a17d83
commit 9b87b31657
1 changed files with 2 additions and 1 deletions
--- a/web/packages/core/src/shadow-template.ts
+++ b/web/packages/core/src/shadow-template.ts
@ -6,6 +6,8 @@ export const ruffleShadowTemplate = document.createElement("template");
 ruffleShadowTemplate.innerHTML = `
    <style>
        :host {
+            all: initial;
+
            --ruffle-blue: #37528c;
            --ruffle-orange: #ffad33;

@ -20,7 +22,6 @@ ruffleShadowTemplate.innerHTML = `
            user-select: none;
            -webkit-user-select: none;
            -webkit-tap-highlight-color: transparent;
-            line-height: normal;
        }

        /* Ruffle's width/height CSS interferes with Safari's fullscreen CSS. */