ACIL FM

Nama	Ukuran	Aksi
_accordion.scss	533 B	View DL Edit
_add-to-home.scss	1.35 MB	View DL Edit
_ads.scss	1.45 MB	View DL Edit
_alerts.scss	804 B	View DL Edit
_back-to-top.scss	1.31 MB	View DL Edit
_buttons.scss	1.88 MB	View DL Edit
_cards.scss	7.67 MB	View DL Edit
_carousels.scss	1.81 MB	View DL Edit
_checkradio.scss	3.81 MB	View DL Edit
_chips.scss	650 B	View DL Edit
_dividers.scss	684 B	View DL Edit
_footer.scss	1.69 MB	View DL Edit
_icons.scss	781 B	View DL Edit
_iframes.scss	584 B	View DL Edit
_inputs.scss	7.17 MB	View DL Edit
_list-group.scss	4.23 MB	View DL Edit
_notifications.scss	2.17 MB	View DL Edit
_offline.scss	792 B	View DL Edit
_pagination.scss	223 B	View DL Edit
_preloader.scss	476 B	View DL Edit
_pricing.scss	3.89 MB	View DL Edit
_range.scss	1.77 MB	View DL Edit
_search.scss	1.64 MB	View DL Edit
_snackbars.scss	480 B	View DL Edit
_switches.scss	4.16 MB	View DL Edit
_tabs.scss	845 B	View DL Edit
_toasts.scss	813 B	View DL Edit
_working-hours.scss	449 B	View DL Edit
_zdemo.scss	3.6 MB	View DL Edit

Edit file: /home/mhhtmff/app/NH-HR-test-old/mb/scss/components/_checkradio.scss

$fontAwesome: "Font Awesome 5 Free";

/*---Checkboxes & Radios---*/

.icon-check {
	input {
		position: absolute !important;
		transform: translateX(-10000px);
		&:checked {
			&~.icon-check-1 {
				opacity: 0 !important;
				display: none !important;
			}
			&~.icon-check-2 {
				display: block;
			}
		}
	}
	.fa-check-circle {
		display: none;
	}
	i {
		width: 20px;
		text-align: center;
		pointer-events: none;
		position: absolute;
		left: 30px;
		top: 1px;
		height: 24px;
		line-height: 24px;
	}
	margin-left: -30px;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	width: auto;
	display: block;
	label {
		cursor: pointer;
		font-size: 13px;
		padding: 0px 15px 0px 40px;
	}
	.icon-check-2 {
		display: none;
	}
}

/*Font Awesome Default*/
.fac {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	display: block;
	vertical-align: middle;
	font-size: 14px;
	label {
		margin: 0em 1em 0em 0em;
		padding-left: 1.5em;
		cursor: pointer;
		font-weight: inherit;
	}
	>input {
		&+label {
			&:before {
				font-family: $fontAwesome;
				font-weight: 900;
				position: absolute;
				left: 0;
				margin-top: 0.5px;
				transition: opacity 150ms ease-in-out;
			}
		}
		&:checked {
			&+label {
				&:before {
					opacity: 1;
				}
			}
		}
	}
	>span {
		&::after {
			font-family: $fontAwesome;
			font-weight: 900;
			position: absolute;
			left: 0;
			margin-top: 0.5px;
		}
	}
	input {
		display: none;
	}
}
.checkboxes-demo {
	.fac {
		display: block;
	}
}
.fac-checkbox {
	>input {
		&+label {
			&:before {
				opacity: 0;
			}
		}
		&:checked {
			&+label {
				&:before {
					opacity: 1;
				}
			}
		}
	}
	>span {
		&::after {
			content: "\f45c";
			opacity: 1;
		}
	}
	>input[type=checkbox] {
		&+label {
			&:before {
				content: "\f00c";
				color: $color_white !important;
				font-size: 10px !important;
				padding-left: 2px;
			}
		}
	}
}
.fac-checkbox-round {
	>input {
		&+label {
			&:before {
				opacity: 0;
			}
		}
	}
	>span {
		&::after {
			content: "\f111";
		}
	}
	>input[type=checkbox] {
		&+label {
			&:before {
				content: "\f00c";
				color: $color_white !important;
				font-size: 8px !important;
				padding-left: 3px;
			}
		}
	}
}
.fac-radio {
	>input {
		&+label {
			&:before {
				opacity: 0;
			}
		}
		&:checked {
			&+label {
				&:before {
					opacity: 1;
				}
			}
		}
	}
	>span {
		&::after {
			content: "\f111";
		}
	}
	>input[type=radio] {
		&+label {
			&:before {
				content: "\f00c";
				color: $color_white !important;
				font-size: 10px !important;
				padding-left: 2px;
			}
		}
	}
}
.fac-checkbox-o {
	>input {
		&+label {
			&:before {
				opacity: 0;
			}
		}
		&:checked {
			&+label {
				&:before {
					opacity: 1;
				}
			}
		}
	}
}
.fac-checkbox-round-o {
	>input {
		&+label {
			&:before {
				opacity: 0;
			}
		}
		&:checked {
			&+label {
				&:before {
					opacity: 1;
				}
			}
		}
	}
}
.fac-default {
	>input {
		&+label {
			&:before {
				color: $gray-500;
			}
		}
	}
	>span {
		&::after {
			color: $gray-500;
		}
	}
}
.fac-blue {
	>input {
		&+label {
			&:before {
				color: $blue;
			}
		}
	}
	>span {
		&::after {
			color: $blue;
		}
	}
}
.fac-green {
	>input {
		&+label {
			&:before {
				color: $green;
			}
		}
	}
	>span {
		&::after {
			color: $green;
		}
	}
}
.fac-orange {
	>input {
		&+label {
			&:before {
				color: $yellow;
			}
		}
	}
	>span {
		&::after {
			color: $yellow;
		}
	}
}
.fac-red {
	>input {
		&+label {
			&:before {
				color: $red;
			}
		}
	}
	>span {
		&::after {
			color: $red;
		}
	}
}
.fac-radio-full {
	>span {
		&::after {
			content: "\f111";
			font-size: 12px !important;
		}
	}
	>input[type=radio] {
		&+label {
			&:before {
				content: "\00c";
			}
		}
	}
}

.ios-switch input, .android-input input{
   position:absolute!important;
   transform:translateX(-15000px)!important
}

Batal