Allow custom character for active dot in less

rywall · rywall · commit bcdbe2b85148 · 2024-04-15T03:47:16.000Z
diff --git a/package-lock.json b/package-lock.json
diff --git a/slick/slick-theme.less b/slick/slick-theme.less
@@ -11,6 +11,7 @@
 @slick-prev-character: "←";
 @slick-next-character: "→";
 @slick-dot-character: "•";
+@slick-active-dot-character: "•";
 @slick-dot-size: 6px;
 @slick-opacity-default: 0.75;
 @slick-opacity-on-hover: 1;
@@ -163,6 +164,10 @@
         &.slick-active button:before {
             color: @slick-dot-color-active;
             opacity: @slick-opacity-default;
+
+            &:before {
+                content: @slick-active-dot-character;
+            }
         }
     }
 }
diff --git a/slick/slick-theme.scss b/slick/slick-theme.scss
@@ -16,6 +16,7 @@ $slick-dot-color-active: $slick-dot-color !default;
 $slick-prev-character: "\2190" !default;
 $slick-next-character: "\2192" !default;
 $slick-dot-character: "\2022" !default;
+$slick-active-dot-character: "\2022" !default;
 $slick-dot-size: 6px !default;
 $slick-opacity-default: 0.75 !default;
 $slick-opacity-on-hover: 1 !default;
@@ -189,6 +190,9 @@ $slick-opacity-not-active: 0.25 !default;
         &.slick-active button:before {
             color: $slick-dot-color-active;
             opacity: $slick-opacity-default;
+            &:before {
+                content: $slick-active-dot-character;
+            }
         }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@`
`11`	`11`	`@slick-prev-character: "←";`
`12`	`12`	`@slick-next-character: "→";`
`13`	`13`	`@slick-dot-character: "•";`
	`14`	`+@slick-active-dot-character: "•";`
`14`	`15`	`@slick-dot-size: 6px;`
`15`	`16`	`@slick-opacity-default: 0.75;`
`16`	`17`	`@slick-opacity-on-hover: 1;`
`@@ -163,6 +164,10 @@`
`163`	`164`	`&.slick-active button:before {`
`164`	`165`	`color: @slick-dot-color-active;`
`165`	`166`	`opacity: @slick-opacity-default;`
	`167`	`+`
	`168`	`+ &:before {`
	`169`	`+ content: @slick-active-dot-character;`
	`170`	`+ }`
`166`	`171`	`}`
`167`	`172`	`}`
`168`	`173`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@ $slick-dot-color-active: $slick-dot-color !default;`
`16`	`16`	`$slick-prev-character: "\2190" !default;`
`17`	`17`	`$slick-next-character: "\2192" !default;`
`18`	`18`	`$slick-dot-character: "\2022" !default;`
	`19`	`+$slick-active-dot-character: "\2022" !default;`
`19`	`20`	`$slick-dot-size: 6px !default;`
`20`	`21`	`$slick-opacity-default: 0.75 !default;`
`21`	`22`	`$slick-opacity-on-hover: 1 !default;`
`@@ -189,6 +190,9 @@ $slick-opacity-not-active: 0.25 !default;`
`189`	`190`	`&.slick-active button:before {`
`190`	`191`	`color: $slick-dot-color-active;`
`191`	`192`	`opacity: $slick-opacity-default;`
	`193`	`+ &:before {`
	`194`	`+ content: $slick-active-dot-character;`
	`195`	`+ }`
`192`	`196`	`}`
`193`	`197`	`}`
`194`	`198`	`}`