use bootstrap icons link-45deg for anchor link icons

gracegrimwood · gracegrimwood · commit 22d0e94ada16 · 2024-02-05T16:54:34.000+13:00
diff --git a/_sass/kroxylicious.scss b/_sass/kroxylicious.scss
@@ -135,6 +135,7 @@ div.highlighter-rouge {
 // Anchor Links
 
 h2>a.anchor, h3>a.anchor, h4>a.anchor, h5>a.anchor, h6>a.anchor {
+  font-family: bootstrap-icons!important;
   display: block;
   margin-left: -1.5ex;
   position: absolute;
@@ -145,7 +146,7 @@ h2>a.anchor, h3>a.anchor, h4>a.anchor, h5>a.anchor, h6>a.anchor {
 }
 
 h2>a.anchor::before, h3>a.anchor::before, h4>a.anchor::before, h5>a.anchor::before, h6>a.anchor::before {
-  content: "\00A7";
+  content: "\f470";
 }
 
 h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:hover>a.anchor, h4>a.anchor:hover, h5:hover>a.anchor, h5>a.anchor:hover, h6:hover>a.anchor, h6>a.anchor:hover {

Original file line number	Diff line number	Diff line change
`@@ -135,6 +135,7 @@ div.highlighter-rouge {`
`135`	`135`	`// Anchor Links`
`136`	`136`
`137`	`137`	`h2>a.anchor, h3>a.anchor, h4>a.anchor, h5>a.anchor, h6>a.anchor {`
	`138`	`+ font-family: bootstrap-icons!important;`
`138`	`139`	`display: block;`
`139`	`140`	`margin-left: -1.5ex;`
`140`	`141`	`position: absolute;`
`@@ -145,7 +146,7 @@ h2>a.anchor, h3>a.anchor, h4>a.anchor, h5>a.anchor, h6>a.anchor {`
`145`	`146`	`}`
`146`	`147`
`147`	`148`	`h2>a.anchor::before, h3>a.anchor::before, h4>a.anchor::before, h5>a.anchor::before, h6>a.anchor::before {`
`148`		`- content: "\00A7";`
	`149`	`+ content: "\f470";`
`149`	`150`	`}`
`150`	`151`
`151`	`152`	`h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:hover>a.anchor, h4>a.anchor:hover, h5:hover>a.anchor, h5>a.anchor:hover, h6:hover>a.anchor, h6>a.anchor:hover {`