HEX
Server: Apache
System: Linux v38079.2is.nl 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: democfellows (10015)
PHP: 8.1.34
Disabled: opcache_get_status
Upload Files
File: /var/www/vhosts/creativefellows.nl/jhtaxatie.creativefellows.nl/public/scss/_inspections.scss
/*
 * Default form
 */
.default-form{
	
	.rack-columns{
		column-count: 2;
		break-inside: avoid;
		margin-bottom:1.5rem;
		.column{
			break-inside: avoid;
		}
	}
	
	@include breakpoint(medium down){
		.rack-columns{
			column-count: 1;
		}
	}
	
	.radio-options{margin-bottom:1.5rem;line-height:1.5rem !important;}
	.radio-options > legend{font-weight:600;margin-bottom:1rem;}

	.multiple-choice{position:relative;border-bottom:solid 1px rgba($light-gray,0.5);line-height:1.5rem;padding-bottom:0.5rem;padding-top:0.5rem;}
	.multiple-choice .input-element{display:inline-block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
	.multiple-choice input{display:none;}
	.multiple-choice label{position:relative;text-indent:-5000px;margin-left:0;width:1.5rem;line-height:1.5rem;}
	.multiple-choice .text-label{width:60%;display:inline-block;line-height:1.5rem;}
	
	.multiple-choice label::after{
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		height: 1.5rem;
		width: 1.5rem;
		border-radius: 50%;
	}
	.multiple-choice .item{display:inline-block;height:1.5rem;}
	.multiple-choice .item:last-child label{margin-right:0;}
	.multiple-choice .item:nth-child(1) label::after{border:solid 1px #94c36c;}
	.multiple-choice .item:nth-child(2) label::after{border:solid 1px #fbce53;}
	.multiple-choice .item:nth-child(3) label::after{border:solid 1px #ec5f54;}
	.multiple-choice .item:nth-child(4) label::after{border:solid 1px $light-gray;}
	
	.multiple-choice .item:nth-child(3){border-right:solid 1px $light-gray;margin-right:1rem;}
	
	.multiple-choice{
		input:checked ~ label::before {
			content:"";
			top: 0.5rem;
			left: 0.5rem;
			width: 0.5rem;
			height: 0.5rem;
			border-radius: 50%;
			background: $black;
			position:absolute;
			z-index:10;
		}
		}
	.multiple-choice .item:nth-child(1) input:checked ~ label::before {background:#94c36c;}
	.multiple-choice .item:nth-child(2) input:checked ~ label::before {background:#fbce53;}
	.multiple-choice .item:nth-child(3) input:checked ~ label::before {background:#ec5f54;}
	.multiple-choice .item:nth-child(4) input:checked ~ label::before {background:$light-gray;}
	
	//.multiple-choice input:checked ~ label::before {border:solid 1px purple;}
	
	
	@include breakpoint(medium down){
		.multiple-choice .text-label{display:block;text-align:left;width:50%;}
	}
	
}


/*
 * Rate Icon
 */
.rate-icon{
	position:relative;
	display:inline-block;
	height: 1.25rem;
	width: 1.25rem;
	border-radius: 50%;
	border:solid 1px $light-gray;
	//background-color:$light-gray;
	&.green{border:solid 1px #94c36c;/**/}
	&.orange{border:solid 1px #fbce53;/*;*/}
	&.red{border:solid 1px #ec5f54;/**/}
	
	&::before {
		content:"";
		top: 50%;
		left: 50%;
		width: 0.5rem;
		height: 0.5rem;
		border-radius: 50%;
		background: $light-gray;
		position:absolute;
		z-index:10;
		transform:translate(-50%,-50%);
	}
	
	&.green::before{background-color:#94c36c;}
	&.orange::before{background-color:#fbce53}
	&.red::before{background-color:#ec5f54;}
	
}


/*
 * Signature
 */
.signature{
	
	position:relative;
	padding-bottom:50%;
	height:0;
	margin:0.75rem 0;
	
	canvas{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px $light-gray;}
	strong{position:absolute;top:0.5rem;left:0.75rem;font-size:0.875rem;}
	
}