From 68ff5322a136fd007d2a674333ac6ccf87ecd8a7 Mon Sep 17 00:00:00 2001
From: Nicolas Garnier <nivco@google.com>
Date: Wed, 24 Jun 2015 14:30:38 +0100
Subject: [PATCH] Using `.copy-to-clipboard-button` class to select button
 element for the highlight code feature.

---
 docs/_assets/snippets.js      | 2 +-
 docs/_templates/snippets.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_assets/snippets.js b/docs/_assets/snippets.js
index d02b3549..3b795aeb 100644
--- a/docs/_assets/snippets.js
+++ b/docs/_assets/snippets.js
@@ -17,7 +17,7 @@
 function MaterialComponentsSnippets() {
   'use strict';
 
-  this.snippetButtons = document.querySelectorAll('.snippet-caption .mdl-button');
+  this.snippetButtons = document.querySelectorAll('.snippet-caption .copy-to-clipboard-button');
   this.init();
 }
 
diff --git a/docs/_templates/snippets.html b/docs/_templates/snippets.html
index e6f6e5c5..c4c24449 100644
--- a/docs/_templates/snippets.html
+++ b/docs/_templates/snippets.html
@@ -16,7 +16,7 @@
       <div class="snippet-caption"></div>
       {% for snippet in snippet_group %}
         <div class="snippet-caption">
-          <button class="mdl-color-text--grey-600 mdl-button mdl-js-button mdl-js-ripple-effect" href="#{{ component_name }}/{{ snippet.file }}">
+          <button class="copy-to-clipboard-button mdl-color-text--grey-600 mdl-button mdl-js-button mdl-js-ripple-effect" href="#{{ component_name }}/{{ snippet.file }}">
             <i class="material-icons copy">content_copy</i> {{ snippet.caption }}
             <object class="snippet-copy" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
               <param name="movie" value="../assets/clippy.swf"/>