1 // Checkbox

     2 

     3 .@{prefix}-checkbox {

     4 	cursor: pointer;

     5 }

     6 

     7 i.@{prefix}-i-checkbox {

     8 	margin: 0 3px 0 0;

     9 	border: 1px solid @checkbox-border;

    10 	.border-radius(3px);

    11 	.box-shadow(@checkbox-box-shadow);

    12 	.vertical-gradient(@checkbox-bg, @checkbox-bg-hlight);

    13 	text-indent: -10em;

    14 	*font-size: 0;

    15 	*line-height: 0;

    16 	*text-indent: 0;

    17 	overflow: hidden;

    18 }

    19 

    20 .@{prefix}-checked i.@{prefix}-i-checkbox {

    21 	color: @btn-text;

    22 	font-size: 16px;

    23 	line-height: 16px;

    24 	text-indent: 0;

    25 }

    26 

    27 .@{prefix}-checkbox:focus i.@{prefix}-i-checkbox, .@{prefix}-checkbox.@{prefix}-focus i.@{prefix}-i-checkbox {

    28 	border: 1px solid @checkbox-border-focus;

    29 	.box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@checkbox-border-focus, 15%));

    30 }

    31 

    32 .@{prefix}-checkbox.@{prefix}-disabled .@{prefix}-label, .@{prefix}-checkbox.@{prefix}-disabled i.@{prefix}-i-checkbox {

    33 	color: mix(@text, @panel-bg, 40%);

    34 }

    35 

    36 // RTL

    37 

    38 .@{prefix}-rtl .@{prefix}-checkbox {

    39 	direction: rtl;

    40 	text-align: right;

    41 }

    42 

    43 .@{prefix}-rtl i.@{prefix}-i-checkbox {

    44 	margin: 0 0 0 3px;

    45 }