Add AnchorJS logic for header links (#10155)

* Add AnchorJS JavaScript

* Remove existing inpage_heading logic

* Remove underline from anchor tags

* Use single icon and add touch visibility

* Use paragraph link icon for AnchorJS

* Update Sass to use code formatting in docsContent headers

* Update header size coverage to H3-H6

static/css/custom-jekyll/tags.css

@@ -55,13 +55,3 @@
     opacity: 1;
 }
 
-/* In-page section heading permalinks */
-a.inpage_heading {
-  color: #000;
-  text-decoration: none !important;
-}
-
-a.inpage_heading:hover {
-  text-decoration: underline !important;
-  opacity: .8;
-}

static/js/script.js

@@ -1,4 +1,12 @@
- //modal close button
+function addAnchorTags() {
+  anchors.options = {
+    visible: 'touch'
+  }
+
+  anchors.add('#docsContent h2, #docsContent h3, #docsContent h4, #docsContent h5, #docsContent h6');
+}
+
+//modal close button
 (function(){
     //π.modalCloseButton = function(closingFunction){
     //	return π.button('pi-modal-close-button', null, null, closingFunction);
@@ -506,6 +514,8 @@ var pushmenu = (function(){
 })();
 
 $(function() {
+  addAnchorTags();
+
 
     // Make global nav be active based on pathname
     if ((location.pathname.split("/")[1]) !== ""){