Moved CSS to SCSS

ui-ngx/src/styles.scss

@@ -1235,28 +1235,30 @@ pre.tb-highlight {
     }
   }
 
-  .tox-tiered-menu .tox-menu {
-    width: fit-content;
-    max-width: min(80%, 440px);
-    @media screen and (max-width: 510px) {
-      max-width: calc(100% - 64px);
-    }
-    @media screen and (min-width: 511px) and (max-width: 548px) {
-      max-width: calc(100% - 84px);
-    }
-    @media screen and (min-width: 549px) and (max-width: 599px) {
-      max-width: calc(100% - 104px);
-    }
-  }
+  .tox-tiered-menu {
+    .tox-menu {
+      width: fit-content;
+      max-width: min(80%, 440px);
+      @media screen and (max-width: 510px) {
+        max-width: calc(100% - 64px);
+      }
+      @media screen and (min-width: 511px) and (max-width: 548px) {
+        max-width: calc(100% - 84px);
+      }
+      @media screen and (min-width: 549px) and (max-width: 599px) {
+        max-width: calc(100% - 104px);
+      }
 
-  .tox-tiered-menu .tox-menu .tox-collection__item-label {
-    word-break: normal;
-  }
+      .tox-collection__item-label {
+        word-break: normal;
+      }
+    }
 
-  @media screen and (max-width: 890px) {
-    .tox-tiered-menu > .tox-collection--list:not(:first-child) {
-      left: auto !important;
-      right: 0 !important;
+    > .tox-collection--list:not(:first-child) {
+      @media screen and (max-width: 890px) {
+        left: auto !important;
+        right: 0 !important;
+      }
     }
   }