HEX
Server: Apache/2.4.41 (Ubuntu)
System: Linux vm8 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User: afleverb (1000)
PHP: 7.4.33
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: //var/www/drakkar_site/wp-content/themes/blocksy/static/sass/backend/options/color/color-pill.scss
$pill-size: 26px;

.ct-single-palette {
	container-type: inline-size;
}

.ct-color-picker-container {
	display: flex;
	justify-content: flex-end;
	gap: 8px;

	@container (max-width: 260px) {
		gap: 6px;
	}
}

.ct-color-picker-single {

	> span {
		display: flex;
		width: $pill-size;
		height: $pill-size;
		border-radius: 100%;
		background-color: rgba(255, 255, 255, 0.8);
		background-size: 10px 10px;
		background-image: url('data:image/webp;base64,UklGRjIAAABXRUJQVlA4TCUAAAAvE8AEAA9w7/97/9/7f/7jAYraNmI6AJQ/1xvvMojof2BSvVEBAA==');
		
		span {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			width: inherit;
			height: inherit;
			cursor: pointer;
			text-decoration: none;
			border-radius: inherit;
			box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);

			&:focus {
				outline: none;
			}
		}
	}
}