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

Unified Diff: polymer_1.0.4/bower_components/paper-toggle-button/paper-toggle-button.css

Issue 1205703007: Add polymer 1.0 to npm_modules (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Renamed folder to 1.0.4 Created 5 years, 6 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_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;
}

Powered by Google App Engine
This is Rietveld 408576698