fix(button): Add text-decoration: none to mdc-button to allow link st…

…yles (#210)
material-components · Jan 24, 2017 · eef6fe8 · eef6fe8
1 parent d32f3ae
commit eef6fe8
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/demos/button.html b/demos/button.html
@@ -74,6 +74,39 @@ <h1>MDC WEB BUTTON</h1>
             Div
           </div>
         </fieldset>
+        <fieldset>
+          <legend>Links with Button Style</legend>
+          <a href="/button.html" class="mdc-button">
+            Default
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--raised">
+            Raised
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--dense">
+            Dense Default
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--raised mdc-button--dense">
+            Dense Raised
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--compact">
+            Compact
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--raised mdc-button--compact">
+            Compact Raised
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--primary">
+            Default with Primary
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--raised mdc-button--primary">
+            Raised with Primary
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--accent">
+            Default with Accent
+          </a>
+          <a href="/button.html" class="mdc-button mdc-button--raised mdc-button--accent">
+            Raised with Accent
+          </a>
+        </fieldset>
         <fieldset disabled>
           <legend>Disabled Buttons</legend>
           <button class="mdc-button">

diff --git a/packages/mdc-button/mdc-button.scss b/packages/mdc-button/mdc-button.scss
@@ -39,6 +39,7 @@
   font-weight: 500;
   line-height: 36px; // Override line-height so text aligns centered
   text-align: center;
+  text-decoration: none;
   text-transform: uppercase;
   vertical-align: middle;
   box-sizing: border-box;