pretty-radios

_view-pretty-radios.scss

//
// modules: view-pretty-radios.scss
//
//

.pretty-radios {
	.pretty-radio-container {
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 90px;
		input { display: none; }
		label { color: #646464; font-size: 120%; line-height: 30px; margin: 0 auto; }
		.pretty-radio {
			border-radius: 15px; cursor: pointer; display: block; height: 32px; margin: 0 auto; width: 32px;
			&.checked i {
				@include sprite-moderation-background-image("start_select_on");
				@include box-sizing(border-box);
			}
			&.focus {
				@include box-shadow(0 0 5px #000);
			}
			i { border-radius: 15px; display: block; height: 100%; width: 100%;
				@include box-sizing(border-box);
				@include sprite-moderation-background-image("start_select_off");
				@include transition-property(opacity);
				@include transition-duration(0.3s);
			}
		}
	}
}