fix(icon): keep font-face styles at root so nesthet themes will work

telerik · Jul 2, 2021 · 2ce449a · 2ce449a
1 parent 4d8bcaa
commit 2ce449a
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/packages/default/scss/icons/_layout.scss b/packages/default/scss/icons/_layout.scss
@@ -3,11 +3,14 @@
 @include exports( "icons/layout" ) {
     $icon-font-url: map-get( $data-uris, "WebComponentsIcons.ttf" ) !default;
 
-    @font-face {
-        font-family: "WebComponentsIcons";
-        font-style: normal;
-        font-weight: normal;
-        src: url(#{$icon-font-url}) format( "truetype" );
+    // Keep this as a root selector, because nested themes will not work
+    @at-root {
+        @font-face {
+            font-family: "WebComponentsIcons";
+            font-style: normal;
+            font-weight: normal;
+            src: url(#{$icon-font-url}) format( "truetype" );
+        }
     }
 
     .k-icon {