| 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;
|
| }
|
|
|