| Index: polymer_0.5.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_0.5.4/bower_components/paper-toggle-button/paper-toggle-button.css
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5ffe0451161e721a0a968310a194f8a8364953c6
|
| --- /dev/null
|
| +++ b/polymer_0.5.4/bower_components/paper-toggle-button/paper-toggle-button.css
|
| @@ -0,0 +1,95 @@
|
| +/*
|
| +Copyright (c) 2014 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
|
| +Code distributed by Google as part of the polymer project is also
|
| +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| +*/
|
| +
|
| +:host {
|
| + display: inline-block;
|
| +}
|
| +
|
| +:host(:focus) {
|
| + outline: none;
|
| +}
|
| +
|
| +/* Class selectors can be overridden by users. */
|
| +
|
| +.toggle-bar {
|
| + background-color: #000000;
|
| +}
|
| +
|
| +.toggle-button {
|
| + background-color: #f1f1f1;
|
| +}
|
| +
|
| +[checked] .toggle {
|
| + background-color: #0f9d58;
|
| +}
|
| +
|
| +.toggle-ink {
|
| + color: #bbb;
|
| +}
|
| +
|
| +[checked] .toggle-ink {
|
| + color: #0f9d58;
|
| +}
|
| +
|
| +/* ID selectors should not be overriden by users. */
|
| +
|
| +#toggleContainer {
|
| + position: relative;
|
| + width: 36px;
|
| + 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;
|
| + transition: background-color linear .08s;
|
| +}
|
| +
|
| +[checked] #toggleBar {
|
| + opacity: 0.5;
|
| +}
|
| +
|
| +#toggleButton {
|
| + position: absolute;
|
| + top: -3px;
|
| + height: 20px;
|
| + width: 20px;
|
| + border-radius: 50%;
|
| + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
|
| + transition: -webkit-transform linear .08s, background-color linear .08s;
|
| + transition: transform linear .08s, background-color linear .08s;
|
| +}
|
| +
|
| +#toggleButton.dragging {
|
| + -webkit-transition: none;
|
| + transition: none;
|
| +}
|
| +
|
| +[checked] #toggleButton {
|
| + -webkit-transform: translate(16px, 0);
|
| + transform: translate(16px, 0);
|
| +}
|
| +
|
| +#ink {
|
| + position: absolute;
|
| + top: -14px;
|
| + left: -14px;
|
| + width: 48px;
|
| + height: 48px;
|
| + pointer-events: none;
|
| +}
|
|
|