if no selector on anchor, don't style in EuiText (#1373)

* if no selector on anchor, don't style in EuiText

* cl / comments

CHANGELOG.md

@@ -1,6 +1,8 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `5.8.0`.
+**Bug fixes**
+
+- Only style anchor tags in `EuiText` that have no class attribute ([#1373](https://github.com/elastic/eui/pull/1373))
 
 ## [`5.8.0`](https://github.com/elastic/eui/tree/v5.8.0)
 

src-docs/src/views/call_out/warning.js

@@ -3,6 +3,7 @@ import React from 'react';
 import {
   EuiCallOut,
   EuiLink,
+  EuiButton,
 } from '../../../../src/components';
 
 export default () => (
@@ -14,5 +15,6 @@ export default () => (
     <p>
       Here be dragons. Don&rsquo;t wanna mess with no dragons. And <EuiLink href="#">here&rsquo;s a link</EuiLink>.
     </p>
+    <EuiButton href="#" color="warning">Link button</EuiButton>
   </EuiCallOut>
 );

src/components/text/_text.scss

@@ -105,7 +105,9 @@
   // coloring will likely coming from the reset.scss anyway.
   color: inherit;
 
-  a {
+  // Style anchors that don't have a class. This prevents overwriting "buttons"
+  // and other stylized elements passed in.
+  a:not([class]) {
     color: $euiLinkColor;
 
     &:hover {