Index: polymer_1.0.4/bower_components/paper-toggle-button/paper-toggle-button.css |
diff --git a/polymer_0.5.4/bower_components/paper-toggle-button/paper-toggle-button.css b/polymer_1.0.4/bower_components/paper-toggle-button/paper-toggle-button.css |
similarity index 55% |
copy from polymer_0.5.4/bower_components/paper-toggle-button/paper-toggle-button.css |
copy to polymer_1.0.4/bower_components/paper-toggle-button/paper-toggle-button.css |
index 5ffe0451161e721a0a968310a194f8a8364953c6..bdadd9d798a9c777437af0c0b734f9031cc9291b 100644 |
--- a/polymer_0.5.4/bower_components/paper-toggle-button/paper-toggle-button.css |
+++ b/polymer_1.0.4/bower_components/paper-toggle-button/paper-toggle-button.css |
@@ -1,5 +1,6 @@ |
/* |
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
+@license |
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
@@ -11,30 +12,36 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
display: inline-block; |
} |
+:host([disabled]) { |
+ pointer-events: none; |
+} |
+ |
:host(:focus) { |
- outline: none; |
+ outline:none; |
} |
-/* Class selectors can be overridden by users. */ |
+:host .toggle-bar { |
+ background-color: var(--paper-toggle-button-unchecked-bar-color, #000000); |
+} |
-.toggle-bar { |
- background-color: #000000; |
+:host .toggle-button { |
+ background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50); |
} |
-.toggle-button { |
- background-color: #f1f1f1; |
+:host([checked]) .toggle-bar { |
+ background-color: var(--paper-toggle-button-checked-bar-color, --google-green-500); |
} |
-[checked] .toggle { |
- background-color: #0f9d58; |
+:host([checked]) .toggle-button { |
+ background-color: var(--paper-toggle-button-checked-button-color, --google-green-500); |
} |
-.toggle-ink { |
- color: #bbb; |
+:host .toggle-ink { |
+ color: var(--paper-toggle-button-unchecked-ink-color, --primary-text-color); |
} |
-[checked] .toggle-ink { |
- color: #0f9d58; |
+:host([checked]) .toggle-ink { |
+ color: var(--paper-toggle-button-checked-ink-color, --google-green-500); |
} |
/* ID selectors should not be overriden by users. */ |
@@ -45,34 +52,35 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
height: 14px; |
} |
-#toggleContainer[disabled] { |
- opacity: 0.3; |
- pointer-events: none; |
-} |
- |
#toggleBar { |
position: absolute; |
height: 100%; |
width: 100%; |
border-radius: 8px; |
pointer-events: none; |
- opacity: 0.26; |
+ opacity: 0.4; |
transition: background-color linear .08s; |
} |
-[checked] #toggleBar { |
+:host([checked]) #toggleBar { |
opacity: 0.5; |
} |
+:host([disabled]) #toggleBar { |
+ background-color: #000; |
+ opacity: 0.12; |
+} |
+ |
#toggleButton { |
position: absolute; |
top: -3px; |
height: 20px; |
width: 20px; |
border-radius: 50%; |
- box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4); |
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6); |
transition: -webkit-transform linear .08s, background-color linear .08s; |
transition: transform linear .08s, background-color linear .08s; |
+ will-change: transform; |
} |
#toggleButton.dragging { |
@@ -80,16 +88,21 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
transition: none; |
} |
-[checked] #toggleButton { |
+:host([checked]) #toggleButton { |
-webkit-transform: translate(16px, 0); |
transform: translate(16px, 0); |
} |
+:host([disabled]) #toggleButton { |
+ background-color: #bdbdbd; |
+ opacity: 1; |
+} |
+ |
#ink { |
position: absolute; |
top: -14px; |
left: -14px; |
width: 48px; |
height: 48px; |
- pointer-events: none; |
+ opacity: 0.5; |
} |