|
21 | 21 | <link rel="stylesheet" href="fonts/fonts.css"> |
22 | 22 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.23.0/themes/prism-twilight.css"> |
23 | 23 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
24 | | - <script src="grunticon/grunticon.loader.js"></script> |
25 | | - <script> |
26 | | - grunticon(["grunticon/icons.data.svg.css", "grunticon/icons.data.png.css", "grunticon/icons.fallback.css"]); |
27 | | - </script> |
28 | | - <noscript> |
29 | | - <link rel="stylesheet" href="grunticon/icons.fallback.css"> |
30 | | - </noscript> |
31 | 24 | </head> |
32 | 25 | <body> |
33 | 26 | <a href="https://github.com/bryanbraun/anchorjs" class="github-corner" aria-label="View source on GitHub"> |
@@ -554,7 +547,7 @@ <h3>Link w/CSS Styling</h3> |
554 | 547 | margin-top: 4px; |
555 | 548 | margin-left: -1.4em !important; |
556 | 549 | } |
557 | | -.anchorjs-link::before { |
| 550 | +.anchorjs-link::after { |
558 | 551 | margin-left: 7px; |
559 | 552 | margin-top: -4px; |
560 | 553 | display: block; |
@@ -664,32 +657,6 @@ <h3>Emoji</h3> |
664 | 657 | </div> |
665 | 658 | </div> |
666 | 659 |
|
667 | | - <div class="example"> |
668 | | - <div class="example-content"> |
669 | | - <h3>Grunticon</h3> |
670 | | - <p>Lorem ipsum dolor consectetur amet nulla elit. Vivamus luctus urna sed urna ultricies. Vivamus luctus urna sed.</p> |
671 | | - <a href="#" class="example-code-link">{}</a> |
672 | | - </div> |
673 | | - <div class="example-code"> |
674 | | - <pre class="js"><code>// Assuming you have set up |
675 | | -// grunticon and you have a |
676 | | -// grunticon class named |
677 | | -// 'icon-grunticon-link'... |
678 | | -anchors.options = { |
679 | | - visible: 'always', |
680 | | - class: 'icon-grunticon-link' |
681 | | - icon: '' |
682 | | -}; |
683 | | -anchors.add('h3');</code></pre> |
684 | | - <pre class="css"><code>.anchorjs-link { |
685 | | - display: inline-block; |
686 | | - margin-left: .375em; |
687 | | - width: .375em; |
688 | | - height: 20px; |
689 | | -}</code></pre> |
690 | | - </div> |
691 | | - </div> |
692 | | - |
693 | 660 | </div> |
694 | 661 |
|
695 | 662 | <h2 id="hover-examples" class="title">Hover examples</h2> |
@@ -933,13 +900,6 @@ <h3>Tooltip</h3> |
933 | 900 | }); |
934 | 901 | ex15.add('.examples .example:nth-child(15) p'); |
935 | 902 |
|
936 | | - var ex16 = new AnchorJS({ |
937 | | - visible: 'always', |
938 | | - class: 'icon-grunticon-link', |
939 | | - icon: '' |
940 | | - }); |
941 | | - ex16.add('.examples .example:nth-child(16) h3'); |
942 | | - |
943 | 903 | var hovEx1 = new AnchorJS(); |
944 | 904 | hovEx1.add('.hover-examples .example:nth-child(1) h3'); |
945 | 905 |
|
|
0 commit comments