javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

simple toggle

Browse Source
This commit is contained in:
Adam Bradley
2013-09-27 13:19:01 -05:00
parent 0823b58d8e
commit d03d3aa106
16 changed files with 242 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
dist/ionic.css vendored
View File

@@ -1841,9 +1841,9 @@ input[type="checkbox"][readonly] {
transition-duration: 0.1s;
transition-timing-function: ease-in-out; }
/* the switch (circle) thats inside the toggle's track area */
/* also the appearance when the switch is "off" */
.toggle .switch {
/* the handle (circle) thats inside the toggle's track area */
/* also the appearance when the handle is "off" */
.toggle .handle {
position: absolute;
display: block;
width: 28px;
@@ -1857,8 +1857,8 @@ input[type="checkbox"][readonly] {
/* the track when the toggle is "on" */
border-color: #5f85ef;
background-color: #5f85ef;
/* the switch when the toggle is "on" */ }
.toggle :checked + .track .switch {
/* the handle when the toggle is "on" */ }
.toggle :checked + .track .handle {
background-color: white;
-webkit-transform: translate3d(22px, 0, 0); }