@import "../default-skin.less";
@import "../../global/mixin.less";

@media screen {
	input[type="checkbox"] {
		-webkit-appearance:none; font-size:100%; width:1em; height:1em; box-sizing:border-box; vertical-align:middle; border:0 none; background:none; overflow:hidden;
		&::-ms-check { border-radius:0.2em; border:1px solid @fg-light-8-5; background:@bg-dark-0-1; color:@bg; text-align:center; padding:0.15em;}
		&:checked::-ms-check { background:@primary !important; border-color:@primary;}
		&:after { content:"\e05c"; font-family:"ico"; border-radius:0.4em; font-size:200%; transform:scale(0.25); transform-origin:left top; vertical-align:top; display:inline-block; border:4px solid @fg-light-8-5; color:@bg; background:@bg-dark-0-1; box-sizing:border-box; width:2em; height:2em; padding:0.5em;}
		&:checked:after { color:@bg; background:@primary; border:none 0;}
	}



	// 色彩
	input[type="checkbox"].e_checkbox-white {
		&::-ms-check { background:@bg; border:0 none;}
		&:checked::-ms-check { background:@bg !important; border-color:@bg; color:@primary;}
		&:after { border-color:@bg; background:@bg; color:@bg;}
		&:checked:after { background:@bg; color:@primary;}
	}
}
@media print {
	// 打印
	input[type="checkbox"] {
		-webkit-appearance:none; font-size:100%; width:1em; height:1em; box-sizing:border-box; vertical-align:middle;
		&::-ms-check { background:@bg; border-radius:0.2em; border:1px solid @fg-light-8-5; color:@bg; text-align:center; padding:0.15em;}
		&:checked::-ms-check { color:@fg; border-color:@fg-light-5;}
		&:after { content:"\e05c"; font-family:"ico"; border-radius:0.2em; font-size:66.7%; vertical-align:top; display:inline-block; background:@bg; border:1px solid @fg-light-8-5; color:@bg; box-sizing:border-box; width:2em; height:2em; padding:0.5em;}
		&:checked:after { color:@fg; border-color:@fg-light-5;}
	}
}



// 禁用
input[type="checkbox"][disabled] { opacity:0.4;}