Merge pull request #200 from kennstenicht/fix-headings-links

fix: align anchors icons and adjust size
ember-learn · Jul 19, 2024 · b04c5d2 · b04c5d2
2 parents 13434f1 + ce39313
commit b04c5d2
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/guidemaker-ember-template/src/styles/addon.css b/guidemaker-ember-template/src/styles/addon.css
@@ -193,7 +193,7 @@ h4 > a,
 h5 > a,
 h6 > a {
   margin-left: 12px;
-  vertical-align: middle;
+  vertical-align: baseline;
 }
 
 main h1 > a:link,
@@ -211,9 +211,11 @@ h3 > a > svg,
 h4 > a > svg,
 h5 > a > svg,
 h6 > a > svg {
-  height: 18px;
+  height: 0.8em;
   fill: var(--color-gray-600);
   transform: rotate(45deg);
+  transition: fill 0.2s ease-in-out;
+  vertical-align: middle;
 }
 
 h1 > a:hover > svg,