Add anchor CSS (#12)

QuiltMC · Mar 28, 2023 · 1d39022 · 1d39022
1 parent bf7150c
commit 1d39022
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "quilt-bulma",
-	"version": "0.0.20",
+	"version": "0.0.21",
 	"description": "Bulma, customized for use on Quilt's websites",
 	"scripts": {
 		"build": "node build.mjs",

diff --git a/sass/components/_index.scss b/sass/components/_index.scss
@@ -1,3 +1,4 @@
+@import "anchors";
 @import "buttons";
 @import "details";
 @import "fonts";

diff --git a/sass/components/anchors.scss b/sass/components/anchors.scss
@@ -0,0 +1,8 @@
+:where(h1, h2, h3, h4, h5, h6) {
+    a .header-anchor-container .header-anchor { 
+        visibility: hidden;
+    }
+    &:hover a .header-anchor-container .header-anchor { 
+        visibility: visible;
+    }
+}