Add external link icon style (#58)

Author: josuebran

src/css/doc.css

@@ -180,21 +180,6 @@
   color: var(--link_unresolved-font-color) !important;
 }
 
-.doc a.external::after {
-  font-family: "Material Icons Outlined", sans-serif;
-  content: "\e89e";
-  font-size: calc(16 / var(--rem-base) * 1rem);
-  vertical-align: bottom;
-  margin-left: var(--ds-space-h);
-  font-weight: normal;
-}
-
-.doc a.ds-button.external::after {
-  margin-left: calc(6 / var(--rem-base) * 1rem);
-  margin-bottom: var(--ds-space-q);
-  font-size: calc(20 / var(--rem-base) * 1rem);
-}
-
 .doc i.fa {
   hyphens: none;
   font-style: normal;

src/css/external-link-icon.css

@@ -0,0 +1,10 @@
+.doc a.external::after,
+.doc a[href^="https://"]:not([href*="docs.datastax.com"]):not([href*="localhost"]):not([href*="127.0.0.1"]):not(.remove-ext-icon)::after,
+.doc a[href^="http://"]:not([href*="docs.datastax.com"]):not([href*="localhost"]):not([href*="127.0.0.1"]):not(.remove-ext-icon)::after {
+  font-family: "Material Icons Outlined", sans-serif;
+  content: '\e89e';
+  font-size: calc(16 / var(--rem-base) * 1rem);
+  vertical-align: bottom;
+  margin-left: var(--ds-space-h);
+  font-weight: normal;
+}

src/css/site.css

@@ -28,3 +28,4 @@
 @import "print.css";
 @import "docsearch.css";
 @import "tailwind/tailwind.css";
+@import "external-link-icon.css";