add .checkbox class for new checkbox style
This commit is contained in:
parent
e7bc2a10e3
commit
ec005fc5d0
|
@ -115,8 +115,3 @@ select {
|
|||
line-height: 38px;
|
||||
}
|
||||
|
||||
.lte8 input[type="checkbox"] + label:before { background-image: url('../img/actions/checkbox.png'); }
|
||||
.lte8 input[type="checkbox"].white + label:before { background-image: url('../img/actions/checkbox-white.png'); }
|
||||
.lte8 input[type="checkbox"]:checked + label:before { background-image: url('../img/actions/checkbox-checked.png'); }
|
||||
.lte8 input[type="checkbox"].white:checked + label:before { background-image: url('../img/actions/checkbox-checked-white.png'); }
|
||||
|
||||
|
|
|
@ -158,7 +158,9 @@ textarea:hover, textarea:focus, textarea:active {
|
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
opacity: 1;
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
|
||||
/* ie8 doesn't support :checked */
|
||||
html:not(.ie8) input[type="checkbox"].checkbox {
|
||||
margin:0;
|
||||
padding:0;
|
||||
height:auto;
|
||||
|
@ -166,7 +168,7 @@ input[type="checkbox"] {
|
|||
display: none;
|
||||
}
|
||||
|
||||
input[type="checkbox"] + label:before {
|
||||
html:not(.ie8) input[type="checkbox"].checkbox + label:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
|
||||
|
@ -174,27 +176,27 @@ input[type="checkbox"] + label:before {
|
|||
width: 20px;
|
||||
vertical-align: middle;
|
||||
|
||||
background: url('../img/actions/checkbox.svg') left center no-repeat;
|
||||
background: url('../img/actions/checkbox.svg') left top no-repeat;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:disabled +label:before { opacity: .6; }
|
||||
html:not(.ie8) input[type="checkbox"].checkbox:disabled +label:before { opacity: .6; }
|
||||
|
||||
input[type="checkbox"].u-left +label:before { float: left; }
|
||||
html:not(.ie8) input[type="checkbox"].checkbox.u-left +label:before { float: left; }
|
||||
|
||||
input[type="checkbox"].white + label:before {
|
||||
html:not(.ie8) input[type="checkbox"].checkbox.white + label:before {
|
||||
background-image: url('../img/actions/checkbox-white.svg');
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked + label:before {
|
||||
html:not(.ie8) input[type="checkbox"].checkbox:checked + label:before {
|
||||
background-image: url('../img/actions/checkbox-checked.svg');
|
||||
}
|
||||
|
||||
input[type="checkbox"].white:checked + label:before {
|
||||
html:not(.ie8) input[type="checkbox"].checkbox.white:checked + label:before {
|
||||
background-image: url('../img/actions/checkbox-checked-white.svg');
|
||||
}
|
||||
|
||||
input[type="checkbox"]:hover+label:before, input[type="checkbox"]:focus+label:before {
|
||||
html:not(.ie8) input[type="checkbox"].checkbox:hover+label:before, input[type="checkbox"]:focus+label:before {
|
||||
color:#111 !important;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue