
/*!
 * Propeller v1.3.3 (http://propeller.in): radio.css
 * Copyright 2016-2021 Digicorp, Inc.
 * Licensed under MIT (http://propeller.in/LICENSE)
 */

.pmd-radio {
	position: relative;
	span.pmd-radiobutton {
		margin-bottom: 0;
	}
	/*Radio input Hide*/
	input {display: none;}
	/*Custamize Radio*/
	> span.pmd-radio-label{
		display: inline-block; 
		position: relative;	
		margin-right:8px;	
		padding-left: $radio-gutter;	
		cursor: pointer;
		&:before {
			content: ""; 
			display: block; 
			position: absolute; 
			width: 18px; 
			height: 18px; 
			left: 0; 
			top:2px; 
			border: $radio-border-width solid $radio-border-color;
			border-radius: 18px;
		}
		&:after {
			content: "";
			display: block;	
			position: absolute;	
			top: 12px; 
			background: $radio-check-color;
			border-radius: 4px;	
			transition: .2s ease-in-out; 
			height:8px; 
			width:8px; 
			margin-top:-5px; 
			left:5px; 
			@include transform-scale(0)
		}
	}
	/*Select Radio*/
	:checked + span.pmd-radio-label{
		&:before {
			border-color:$radio-check-border-color;
		}
	}
	:checked + span.pmd-radio-label:after {
		@include transform-scale(1)
	}
	.ink {
		background-color: $radio-ripple-color;
	}
}
/*Radio Layput*/
.radio-inline{
	&.pmd-radio { 
		padding-left: 0;
	}
}
.radio {
	.pmd-radio { 
		padding-left: 0;
	}
}
/* Disabled Radio */
.radio.disabled {
	label{
		color:$radio-disabled-color;
	}
	.pmd-radio{
		> span{
			&.pmd-radio-label{
				&::before {
					border-color:$radio-disabled-color;
					cursor: not-allowed;
				}
			}
		}
	}
}
fieldset[disabled]{
	.radio{
		label{
			color:$radio-disabled-color;
		}
	}
}
/* Card Inverse Radio */
.pmd-card-inverse{
	.pmd-radio{
		> span{
			&.pmd-radio-label {
				&::before{ 
					border-color:$radio-inverse-border-color;
				}
				&::after{ 
					background-color:$radio-inverse-checked-bg;
				}
			}
		}
	}
	/* Card Inverse Disabled Radio */
	.radio{
		&.disabled {
			label{
				color:$radio-inverse-disabled-color;
			}
			.pmd-radio {
				> span{
					&.pmd-radio-label{
						&::before {
							border-color:$radio-inverse-disabled-border-color;
						}
					}
				}
			}
		}
	}
	:checked + span.pmd-radio-label{
		&:before {
			border-color:$radio-inverse-check-border-color;
		}
	}
}