Sha256: 6dce75ace42e93525d9a014c967c7d6c30fb2bf51313c7293a10a1edadce44ef
Contents?: true
Size: 1.81 KB
Versions: 6
Compression:
Stored size: 1.81 KB
Contents
/*
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;
}
Version data entries
6 entries across 6 versions & 2 rubygems