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/_range.scss

/*Range Sliders*/
.ios-slider {
	height: 40px !important;
	background: linear-gradient(to right, #5D9CEC 0%, #5D9CEC 100%);
	background-size: 100% 3px;
	background-position: center;
	background-repeat: no-repeat;
	&::-webkit-slider-thumb {
		background-color: $color_white !important;
		border: solid 1px rgba(0,0,0,0.1);
		border-radius: 30px;
		height: 25px !important;
		width: 25px !important;
		box-shadow: -3px 3px 10px 1px rgba(0,0,0,0.2) !important;
	}
}
.material-slider {
	height: 40px !important;
	background: linear-gradient(to right, #CCD1D9 0%, #CCD1D9 100%);
	background-size: 100% 18px;
	background-position: center;
	background-repeat: no-repeat;
	padding: 0px 3px 0px 3px;
	&::-webkit-slider-thumb {
		background-color: $color_dark !important;
		border: solid 1px rgba(0,0,0,0.1);
		height: 10px !important;
		width: 30px !important;
	}
}
.classic-slider {
	height: 20px !important;
	background-color: $color_white;
	border: solid 1px rgba(0,0,0,0.1);
	border-radius: 30px !important;
	background-size: 100% 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: $color_transparent;
	padding: 0px 3px 0px 3px;
	-webkit-box-shadow: inset 0 2px 2px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 2px 2px 1px rgba(0,0,0,0.1);
	&::-webkit-slider-thumb {
		background-color: $blue !important;
		border: solid 1px rgba(0,0,0,0.0);
		height: 16px !important;
		border-radius: 20px;
		width: 16px !important;
		box-shadow: -3px 3px 10px 1px rgba(0,0,0,0.2) !important;
	}
}
.range-slider-icons {
	padding: 0px 30px 0px 30px;
}
.range-slider.range-slider-icons {
	i {
		position: absolute;
		top: 0px;
		height: 44px;
		line-height: 44px;
		text-align: center;
	}
}
.range-slider {
	position: relative;
	.fa-range-icon-1 {
		left: 0px;
	}
	.fa-range-icon-2 {
		right: 0px;
	}
}

Batal