Rubber band effect on slider box

This commit is contained in:
Max Lynch
2013-10-16 06:26:17 -05:00
parent fc969ef043
commit 390d3b70bf
4 changed files with 48 additions and 40 deletions

13
dist/css/ionic.css vendored
View File

@@ -1,3 +1,4 @@
@charset "UTF-8";
@font-face {
font-family: 'ionicons';
src: url("fonts/ionicons.eot");
@@ -1245,7 +1246,7 @@ sub {
fieldset {
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
border: 1px solid #c0c0c0; }
border: 1px solid silver; }
/**
* 1. Correct `color` not being inherited in IE 8/9.
@@ -2496,7 +2497,7 @@ select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: thin dotted #333333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
@@ -2559,7 +2560,7 @@ input[type="checkbox"][readonly] {
border: 1px solid #049cdb;
border-radius: 50%;
background: white;
transition: background-color .1s ease-in-out; }
transition: background-color 0.1s ease-in-out; }
.checkbox .handle:after {
position: absolute;
top: 37%;
@@ -2571,7 +2572,7 @@ input[type="checkbox"][readonly] {
border-right: none;
content: '';
opacity: 0;
transition: opacity .1s ease-in-out;
transition: opacity 0.1s ease-in-out;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.checkbox input:checked + .handle {
@@ -2867,7 +2868,7 @@ input[type="checkbox"][readonly] {
.button.button-icon:active, .button.button-icon.active {
background: none;
box-shadow: none;
text-shadow: 0px 0px 10px #fff; }
text-shadow: 0px 0px 10px white; }
a.button {
text-decoration: none; }
@@ -2993,7 +2994,7 @@ a.button {
width: 100%;
background-color: white;
border-radius: 2px;
border: 1px solid #ddd; }
border: 1px solid #dddddd; }
.card-header {
padding: 10px;