fix(kottiPagination): put css variable into root

3YOURMIND · Oct 14, 2021 · d5cb62f · d5cb62f
1 parent 4d4e67c
commit d5cb62f
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/kotti-ui/source/kotti-pagination/KtPagination.vue b/packages/kotti-ui/source/kotti-pagination/KtPagination.vue
@@ -95,6 +95,12 @@ export default defineComponent<KottiPagination.PropsInternal>({
 })
 </script>
 
+<style lang="scss">
+:root {
+	--kt-pagination-color-active: var(--interactive-03);
+}
+</style>
+
 <style lang="scss" scoped>
 .kt-pagination {
 	margin: 0;
@@ -111,13 +117,12 @@ export default defineComponent<KottiPagination.PropsInternal>({
 		}
 	}
 	::v-deep &__page-item {
-		--pagination-color-active: var(--interactive-03);
 		display: inline-block;
 		padding: var(--unit-2);
 		line-height: 24px;
 		text-align: center;
 		&--is-active {
-			color: var(--pagination-color-active);
+			color: var(--kt-pagination-color-active);
 		}
 		&--is-disabled {
 			cursor: not-allowed;