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

checkbox scss cleanup

Browse Source
This commit is contained in:
Adam Bradley
2013-11-26 23:59:57 -06:00
parent 00f7362695
commit 62edf5fcc4
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
dist/css/ionic.css vendored
View File

@@ -4284,6 +4284,12 @@ input[type="checkbox"][readonly] {
/* the checkmark within the box */
.checkbox input:after {
-webkit-transition: opacity 0.05s ease-in-out;
-moz-transition: opacity 0.05s ease-in-out;
transition: opacity 0.05s ease-in-out;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 34%;
left: 26%;
@@ -4294,10 +4300,7 @@ input[type="checkbox"][readonly] {
border-top: 0;
border-right: 0;
content: ' ';
opacity: 0;
transition: opacity .05s ease-in-out;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
opacity: 0; }
/* what the background looks like when its checked */
.checkbox input:checked:before {

7
scss/_checkbox.scss
View File

@@ -35,6 +35,9 @@
/* the checkmark within the box */
.checkbox input:after {
@include transition(opacity .05s ease-in-out);
@include rotate(-45deg);
position: absolute;
top: 34%;
left: 26%;
@@ -46,10 +49,6 @@
border-right: 0;
content: ' ';
opacity: 0;
transition: opacity .05s ease-in-out;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* what the background looks like when its checked */