feat(button): support for link icon buttons

Marcy Sutton · Marcy Sutton · commit 1b9bafb5abd4 · 2015-04-13T15:33:08.000-07:00
Closes #2265
diff --git a/docs/app/img/icons/launch.svg b/docs/app/img/icons/launch.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path d="M0 0h24v24h-24z" fill="none"/>
+    <path d="M19 19h-14v-14h7v-2h-7c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zm-5-16v2h3.59l-9.83 9.83 1.41 1.41 9.83-9.83v3.59h2v-7h-7z"/>
+</svg>
diff --git a/src/components/button/button.scss b/src/components/button/button.scss
@@ -102,6 +102,9 @@ $icon-button-margin: 0.600rem !default;
     margin: 0 $icon-button-margin;
     height: $icon-button-height;
     min-width: 0;
+    line-height: $icon-button-height;
+    padding-left: 0;
+    padding-right: 0;
     width: $icon-button-width;
   }
 
diff --git a/src/components/button/demoBasicUsage/index.html b/src/components/button/demoBasicUsage/index.html
@@ -71,6 +71,13 @@
       <md-button class="md-icon-button" aria-label="More">
         <md-icon md-svg-icon="img/icons/more_vert.svg"></md-icon>
       </md-button>
+      <md-button class="md-icon-button launch"
+                 href="http://google.com"
+                 aria-label="Google.com"
+                 target="_blank"
+                 title="Launch Google.com in new window">
+        <md-icon md-svg-icon="img/icons/launch.svg"></md-icon>
+      </md-button>
       <div class="label">Icon Button</div>
     </section>
   </md-content>

Original file line number	Diff line number	Diff line change
`@@ -102,6 +102,9 @@ $icon-button-margin: 0.600rem !default;`
`102`	`102`	`margin: 0 $icon-button-margin;`
`103`	`103`	`height: $icon-button-height;`
`104`	`104`	`min-width: 0;`
	`105`	`+ line-height: $icon-button-height;`
	`106`	`+ padding-left: 0;`
	`107`	`+ padding-right: 0;`
`105`	`108`	`width: $icon-button-width;`
`106`	`109`	`}`
`107`	`110`