Sha256: 09269b4f7ba8e130659acc32026c532d9becd948e6194521389b45f0fb14de65

Contents?: true

Size: 912 Bytes

Versions: 10

Compression:

Stored size: 912 Bytes

Contents

/* ------------------------------------------------------------ *\
	Switch
\* ------------------------------------------------------------ */

.switch {
	display: flex;
	align-items: center;
	color: #b11c89;

	.form-switch {
		margin: 0 10px;
		padding: 0;
	}

	.form-switch .form-check-input {
		position: relative;
		width: 56px;
		height: 24px;
		margin: 0;
		box-shadow: none;
		background-color: #b11c89;
		border: 0;
		background-image: none;
		transition: background .2s;

		&:focus {
			--bs-form-switch-bg: none;
		}

		&:before {
			content: '';
			display: inline-block;
			width: 20px;
			height: 20px;
			background: $white;
			border-radius: 50%;
			position: absolute;
			left: 2px;
			top: 2px;
			transition: background .2s, left .3s;
		}

		&:checked {
			background-color: $white;

			&:before {
				background: #b11c89;
				left: 34px;
			}
		}
	}

	.form-check-label {
		display: none;
	}
}

Version data entries

10 entries across 10 versions & 4 rubygems

Version Path
docs-gem01-0.1.1 _sass/_switch.scss
docs-gem01-0.1.0.dev _sass/_switch.scss
raikar10-0.1.2 _sass/_switch.scss
raikar10-0.1.0 _sass/_switch.scss
raikar09-0.1.4 _sass/_switch.scss
raikar09-0.1.3 _sass/_switch.scss
raikar09-0.1.2 _sass/_switch.scss
raikar09-0.1.1 _sass/_switch.scss
raikar09-0.1.0 _sass/_switch.scss
raikar08-0.1.0 _sass/_switch.scss