@charset "UTF-8";
@import "./mixins/core";

.radio{
	@include inline-block;
	position: relative;
	line-height: 1;
	cursor:pointer;
}

.radio-inner{
	@include inline-block;
	position: relative;
}

.radio-input{
	position: absolute;
	opacity: 0;
}

.radio-icon{
	@include inline-block;
	width:$radio-icon-width;
	height:$radio-icon-height;
	border:$radio-icon-border;
	border-radius:$radio-icon-radius;
	margin-top:-5px;
	background-color: $radio-icon-background;
}

.radio-input:checked+.radio-icon{
	border:$radio-icon-border-checked;
	
	&:after{
		content:"";
		display: block;
		margin: 3px  auto;
	    width: 6px;
	    height: 6px;
	    border-radius: 6px;
		background-color: $radio-icon-background-checked;
	}
}


.radio-input:disabled+.radio-icon{
	cursor: not-allowed;
	border:$radio-icon-border-disabled;
	background-color: $radio-icon-background-disabled;
	&:before{
		background-color: $radio-icon-border-background-disabled;
	}
	&:after{
		background-color: $radio-icon-border-background-disabled;
	}
}

.radio-text{
	@include inline-block;
	margin-left:4px;
}


.radio-group,.radio-group.inline{
	.radio{
		margin-right:6px;
	}
}

.radio-group.horizontal{
	
	.radio{
		display: block;
		margin-bottom:6px;
	}
}