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

// 键盘组件
.c_keyboard {
	background:@bg-dark-0-7; padding-top:0.25*@gap; overflow:hidden;
	ul { letter-spacing:-@gap; overflow:hidden; text-align:center; margin-bottom:0.25*@gap; width:100%; font-family:consolas,"iconsolas";}
	ul li { position:relative; letter-spacing:0; font-family:"microsoft yahei",helvetica; display:inline-block; color:#333; width:10%; line-height:1+@gap; height:1+@gap; overflow:hidden; .x_bs;}
	ul li > span { margin:0 0.25*@gap; display:block; background:@bg;}
	ul li.width-thick { width:15%;}
	ul li.width-thick-3 { width:25%;}
	ul li.width-thick-4 { width:40%;}
	ul li.strong > span,
	ul li.finish > span { background:@bg-dark-1;}
}



// 圆角按钮
.c_keyboard-r {
	ul li > span { border-radius:0.25em;}
}