refactor(paginator): use placeholder selector for sizable

IgniteUI · May 9, 2023 · 86eb0a6 · 86eb0a6
1 parent 5269603
commit 86eb0a6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-component.scss
@@ -16,6 +16,7 @@
         );
 
         @extend %igx-paginator !optional;
+        @extend %igx-paginator--sizable !optional;
 
         @include m(cosy) {
             @extend %igx-paginator !optional;

diff --git a/projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-theme.scss
@@ -56,10 +56,6 @@
 @mixin paginator($theme) {
     @include css-vars($theme);
 
-    igx-paginator {
-        @include sizable();
-    }
-
     $paginator-padding-inline: (
         comfortable: rem(24px),
         cosy: rem(16px),
@@ -94,6 +90,10 @@
         }
     }
 
+    %igx-paginator--sizable {
+        @include sizable();
+    }
+
     %igx-paginator--cosy {
         --component-size: var(--ig-size, var(--ig-size-medium));
     }