?? GreyFile

?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/cryptoimpot.fr/wp-content/themes/blocksy/static/sass/backend/options/

?? Go up: /home/webdevt/www/cryptoimpot.fr/wp-content/themes/blocksy/static/sass/backend

?? Editing: animated-checkbox.scss

.ct-checkboxes-container {
	display: grid;
	gap: 20px;

&[data-type*="grid"] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

&[data-type*="bordered"] > * {
		padding: 10px 15px;
		border-radius: 4px;
		border: 1px solid rgba(179, 189, 201, 0.3);
	}

&[data-type*="reversed"] > * {
		flex-direction: row-reverse;
		justify-content: space-between;
	}
}

.ct-checkbox-container {
	--checkMarkColor: #fff;
	--background: rgba(179, 189, 201, 0.8);
	--backgroundActive: var(--ui-accent-color);

display: flex;
	align-items: center;
	gap: 10px;
	// padding: 10px 0;
	transition: color 0.15s ease;

&:not(.activated) {
		cursor: pointer;

&:hover {

.ct-checkbox:not(.active) {
				--background: var(--backgroundActive);
			}
		}
	}

&.activated {
		--checkMarkColor: rgba(104, 124, 147, 0.6);
		--backgroundActive: rgba(179, 189, 201, 0.3);
	}
}

.ct-checkbox {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;

&:before {
		position: absolute;
		z-index: 1;
		content: '';
		width: 18px;
		height: 18px;
		margin: auto;
		border-radius: 100%;
		box-shadow: inset 0px 0px 0px 2px var(--background);
		transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}

svg {
		position: relative;
		z-index: 2;
	}

&.active {
		&:before {
			width: 22px;
			height: 22px;
			box-shadow: inset 0px 0px 0px 12px var(--backgroundActive);
		}
	}

// check mark
	.check {
		fill: none;
		stroke: var(--checkMarkColor);
		stroke-width: 2.5;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-miterlimit: 10;

stroke-dasharray: 15;
		stroke-dashoffset: 16;
		transition: stroke 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955),
					stroke-dashoffset 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}

&.active .check {
		stroke-dashoffset: 0;	
	}
}

?? background | ??? Delete
?? color | ??? Delete
?? modal | ??? Delete
?? animated-checkbox.scss | ?? Edit | ??? Delete
?? attachment.scss | ?? Edit | ??? Delete
?? border.scss | ?? Edit | ??? Delete
?? box-shadow.scss | ?? Edit | ??? Delete
?? buttons-group.scss | ?? Edit | ??? Delete
?? checkbox.scss | ?? Edit | ??? Delete
?? ct-inner-layers.scss | ?? Edit | ??? Delete
?? ct-layers.scss | ?? Edit | ??? Delete
?? ct-panel.scss | ?? Edit | ??? Delete
?? ct-select.scss | ?? Edit | ??? Delete
?? date-picker.scss | ?? Edit | ??? Delete
?? devices.scss | ?? Edit | ??? Delete
?? file-uploader.scss | ?? Edit | ??? Delete
?? general.scss | ?? Edit | ??? Delete
?? icon-picker.scss | ?? Edit | ??? Delete
?? image-picker.scss | ?? Edit | ??? Delete
?? image-position.scss | ?? Edit | ??? Delete
?? input.scss | ?? Edit | ??? Delete
?? labeled-group.scss | ?? Edit | ??? Delete
?? main.scss | ?? Edit | ??? Delete
?? modal-tabs.scss | ?? Edit | ??? Delete
?? more-options-trigger.scss | ?? Edit | ??? Delete
?? notification.scss | ?? Edit | ??? Delete
?? number.scss | ?? Edit | ??? Delete
?? option-modal.scss | ?? Edit | ??? Delete
?? option-state.scss | ?? Edit | ??? Delete
?? options-group.scss | ?? Edit | ??? Delete
?? options-inherit-state.scss | ?? Edit | ??? Delete
?? options-rtl.scss | ?? Edit | ??? Delete
?? options-type-gutenberg.scss | ?? Edit | ??? Delete
?? radio.scss | ?? Edit | ??? Delete
?? ratio-picker.scss | ?? Edit | ??? Delete
?? responsive-controls.scss | ?? Edit | ??? Delete
?? revert.scss | ?? Edit | ??? Delete
?? root-styles.scss | ?? Edit | ??? Delete
?? slider.scss | ?? Edit | ??? Delete
?? spacing.scss | ?? Edit | ??? Delete
?? switch.scss | ?? Edit | ??? Delete
?? tabs.scss | ?? Edit | ??? Delete
?? taxonomies-options.scss | ?? Edit | ??? Delete
?? textarea.scss | ?? Edit | ??? Delete
?? thumbnail-actions.scss | ?? Edit | ??? Delete
?? time-picker.scss | ?? Edit | ??? Delete
?? tools-panel-component.scss | ?? Edit | ??? Delete
?? tooltip.scss | ?? Edit | ??? Delete
?? typography.scss | ?? Edit | ??? Delete
?? upload-button.scss | ?? Edit | ??? Delete
?? value-changer.scss | ?? Edit | ??? Delete
?? visibility.scss | ?? Edit | ??? Delete
?? widgets-areas-screen.scss | ?? Edit | ??? Delete
?? widgets-block-area.scss | ?? Edit | ??? Delete
?? widgets-common.scss | ?? Edit | ??? Delete
?? woo-accordion.scss | ?? Edit | ??? Delete
?? woo-image-variations.scss | ?? Edit | ??? Delete
?? woo-numbers.scss | ?? Edit | ??? Delete
?? wp-editor.scss | ?? Edit | ??? Delete