Add underline to transparent buttons (#322)

* Add underline to transparent buttons * Remove underline from arrow to expand/collapse code examples * Remove !important style linter didn't like it. Add util class.
CMSgov · Feb 15, 2019 · d33b512 · d33b512
1 parent 783cc28
commit d33b512
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/core/src/components/Button/Button.scss b/packages/core/src/components/Button/Button.scss
@@ -85,6 +85,7 @@ Style guide: components.button
 .ds-c-button--transparent,
 .ds-c-button--transparent-inverse {
   border-color: transparent;
+  text-decoration: underline;
 
   &:focus,
   &:hover,

diff --git a/packages/docs/src/scripts/components/CodeSnippet.jsx b/packages/docs/src/scripts/components/CodeSnippet.jsx
@@ -4,7 +4,7 @@ import React from 'react';
 const CodeSnippet = function(props) {
   return (
     <details open={props.open}>
-      <summary className="ds-u-margin-y--1 ds-c-button ds-c-button--small ds-c-button--transparent ds-u-padding--1">
+      <summary className="ds-u-margin-y--1 ds-c-button ds-c-button--small ds-c-button--transparent ds-u-padding--1 ds-u-text-decoration--none">
         Code snippet
       </summary>
       <pre className="ds-u-margin-bottom--4 ds-u-overflow--auto">