From bb28a899bd8d3868bc867fe9d372edb2a61b1ac3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 11 Feb 2022 11:22:58 +0100
Subject: [PATCH] MOBILE-3814 style: Reduce usage of theme globals if not
 needed

---
 .../mod/bigbluebuttonbn/components/index/index.scss       | 8 ++------
 src/core/components/iframe/iframe.scss                    | 7 ++++---
 src/core/features/mainmenu/pages/more/more.scss           | 2 --
 src/core/features/tag/components/list/list.scss           | 3 ++-
 src/core/features/user/pages/about/about.scss             | 5 ++---
 5 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/addons/mod/bigbluebuttonbn/components/index/index.scss b/src/addons/mod/bigbluebuttonbn/components/index/index.scss
index 66566a376..61fe68559 100644
--- a/src/addons/mod/bigbluebuttonbn/components/index/index.scss
+++ b/src/addons/mod/bigbluebuttonbn/components/index/index.scss
@@ -1,7 +1,3 @@
-@import "~theme/globals";
-
-:host {
-    ion-item > p[slot="end"] {
-        font-size: 14px;
-    }
+ion-item > p[slot="end"] {
+    font-size: 14px;
 }
diff --git a/src/core/components/iframe/iframe.scss b/src/core/components/iframe/iframe.scss
index a0707c17e..23c1cfd68 100644
--- a/src/core/components/iframe/iframe.scss
+++ b/src/core/components/iframe/iframe.scss
@@ -1,5 +1,3 @@
-@import "~theme/globals";
-
 :host {
     > div {
         max-width: 100%;
@@ -14,7 +12,10 @@
 
     .core-loading-container {
         position: absolute;
-        @include position(0, 0, 0, 0);
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         display: table;
         height: 100%;
         width: 100%;
diff --git a/src/core/features/mainmenu/pages/more/more.scss b/src/core/features/mainmenu/pages/more/more.scss
index edb806fb5..32aeaef79 100644
--- a/src/core/features/mainmenu/pages/more/more.scss
+++ b/src/core/features/mainmenu/pages/more/more.scss
@@ -1,5 +1,3 @@
-@import "~theme/globals";
-
 ion-item {
 	--border-color: var(--core-more-item-border, var(--ion-border-color));
 
diff --git a/src/core/features/tag/components/list/list.scss b/src/core/features/tag/components/list/list.scss
index 27ddaad8b..1f8205861 100644
--- a/src/core/features/tag/components/list/list.scss
+++ b/src/core/features/tag/components/list/list.scss
@@ -5,6 +5,7 @@
 
     ion-badge {
         cursor: pointer;
-        @include margin-horizontal(4px, 4px);
+        margin-left: 4px;
+        margin-right: 4px;
     }
 }
diff --git a/src/core/features/user/pages/about/about.scss b/src/core/features/user/pages/about/about.scss
index b3e2bb2ec..1ed9a0b9f 100644
--- a/src/core/features/user/pages/about/about.scss
+++ b/src/core/features/user/pages/about/about.scss
@@ -1,5 +1,3 @@
-@import "~theme/globals";
-
 :host {
 
     .core-user-profile-maininfo::part(native) {
@@ -41,7 +39,8 @@
     .core-user-profile-interests {
         ion-badge {
             cursor: pointer;
-            @include margin-horizontal(3px, 3px);
+            margin-left: 4px;
+            margin-right: 4px;
         }
     }