Index: polymer_0.5.4/bower_components/paper-toggle-button/demo.html |
diff --git a/polymer_0.5.0/bower_components/paper-toggle-button/demo.html b/polymer_0.5.4/bower_components/paper-toggle-button/demo.html |
similarity index 68% |
copy from polymer_0.5.0/bower_components/paper-toggle-button/demo.html |
copy to polymer_0.5.4/bower_components/paper-toggle-button/demo.html |
index 960ac569a159fcdea57ec254b3e22058d9784473..370280bd89ea05c6a845cf6948c23c1d6dfc5467 100644 |
--- a/polymer_0.5.0/bower_components/paper-toggle-button/demo.html |
+++ b/polymer_0.5.4/bower_components/paper-toggle-button/demo.html |
@@ -27,10 +27,6 @@ |
font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; |
margin: 0; |
padding: 24px; |
- -webkit-user-select: none; |
- -moz-user-select: none; |
- -ms-user-select: none; |
- user-select: none; |
-webkit-tap-highlight-color: rgba(0,0,0,0); |
-webkit-touch-callout: none; |
} |
@@ -38,17 +34,25 @@ |
section { |
width: 200px; |
} |
- |
- paper-toggle-button.blue::shadow paper-radio-button::shadow #ink[checked] { |
+ |
+ paper-toggle-button.bluetooth::shadow [checked] .toggle-ink { |
color: #4285f4; |
} |
- |
- paper-toggle-button.blue::shadow paper-radio-button::shadow #onRadio { |
+ |
+ paper-toggle-button.bluetooth::shadow [checked] .toggle { |
background-color: #4285f4; |
} |
- paper-toggle-button.blue::shadow #toggleBar[checked] { |
- background-color: #4285f4; |
+ paper-toggle-button.fun::shadow .toggle-ink { |
+ color: #009688; |
+ } |
+ |
+ paper-toggle-button.fun::shadow .toggle-bar { |
+ background-color: #5677fc; |
+ } |
+ |
+ paper-toggle-button.fun::shadow .toggle-button { |
+ background-color: #9c27b0; |
} |
</style> |
@@ -68,7 +72,23 @@ |
<div center horizontal layout> |
<div flex>Bluetooth</div> |
- <paper-toggle-button class="blue"></paper-toggle-button> |
+ <paper-toggle-button class="bluetooth"></paper-toggle-button> |
+ </div> |
+ |
+ <br> |
+ <br> |
+ |
+ <div center horizontal layout> |
+ <div flex>Custom Colors</div> |
+ <paper-toggle-button class="fun"></paper-toggle-button> |
+ </div> |
+ |
+ <br> |
+ <br> |
+ |
+ <div center horizontal layout> |
+ <div flex>Disabled</div> |
+ <paper-toggle-button disabled></paper-toggle-button> |
</div> |
</section> |