Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(228)

Unified Diff: polymer_0.5.4/bower_components/paper-toggle-button/paper-toggle-button.css

Issue 895523005: Added Polymer 0.5.4 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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;
+}

Powered by Google App Engine
This is Rietveld 408576698