fix(pagination): removes sage icon dependency

Kajabi · May 28, 2024 · b7fae60 · b7fae60
1 parent e212ff0
commit b7fae60
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/sage-assets/lib/stylesheets/components/_pagination.scss b/packages/sage-assets/lib/stylesheets/components/_pagination.scss
@@ -99,15 +99,17 @@ $-pagination-focus-ring-color: sage-color(primary, 200);
 }
 
 .sage-pagination__item:first-of-type .sage-pagination__page::before {
-  @include sage-icon-base(caret-left);
-
+  @include sage-icon-base(caret-left, md, pine);
+  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'%3E%3Cpath fill-rule='evenodd' d='M11.805.862c.26.26.26.682 0 .943L5.609 8l6.196 6.195a.667.667 0 1 1-.943.943L4.195 8.471a.667.667 0 0 1 0-.942L10.862.862c.26-.26.682-.26.943 0Z'%3E%3C/path%3E%3C/svg%3E");
   color: currentColor;
+  display: inline-block;
 }
 
 .sage-pagination__item:last-of-type .sage-pagination__page::before {
-  @include sage-icon-base(caret-right);
-
+  @include sage-icon-base(caret-right, md, pine);
+  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'%3E%3Cpath fill-rule='evenodd' d='M4.195.862c.26-.26.683-.26.943 0l6.667 6.667c.26.26.26.682 0 .942l-6.667 6.667a.667.667 0 0 1-.943-.943L10.39 8 4.195 1.805a.667.667 0 0 1 0-.943Z'%3E%3C/path%3E%3C/svg%3E");
   color: currentColor;
+  display: inline-block;
 }
 
 .sage-pagination__page-text {
@@ -124,6 +126,9 @@ $-pagination-focus-ring-color: sage-color(primary, 200);
 .sage-pagination__page--disabled {
   color: $-pagination-text-color-disabled;
   pointer-events: none;
+  &:before {
+    opacity: 0.4;
+  }
 }
 
 .sage-pagination__gap {