Sha256: 22e6246e53c52b64e6536c725a436c3ed3188fa3111dfd4aafc072287647c617

Contents?: true

Size: 1.46 KB

Versions: 938

Compression:

Stored size: 1.46 KB

Contents

@import "../tokens/transition";

[class^=pb_selectable_icon] {

	text-align: center;
	cursor: pointer;
	transition: all $transition_short ease;

	@media (hover:hover) {
		&:hover * {
			transition: transform $transition_short ease;
			transform: translateY(-2px);
		}
	}

	* {
		cursor: pointer;
	}

	h4 {
		margin-top: $space_xs !important;
		user-select: none;
		transition: color $transition_short ease;
	}

	label {
		transition: color $transition_short ease;
	}

	&[class*=_disabled] {
		opacity: $opacity_6;
		cursor: not-allowed;
		* {
			cursor: not-allowed;
		}
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		display: none;
		appearance: none;
		transition: color $transition_short ease;

		&:checked ~ label * {
			transition: color $transition_short ease;
			color: $primary;
		}
		
		&:not(:checked) ~ label {
			transition: color $transition_short ease;
			color: $slate;

		}
	}


	&.dark {
		input[type="checkbox"],
		input[type="radio"] {
			-webkit-appearance: none;
			-moz-appearance: none;
			display: none;
			appearance: none;
			transition: color $transition_short ease;
			
			&:checked ~ label * {
				transition: color $transition_short ease;
				color: $active_dark !important;
			}
				
			&:not(:checked) ~ label {
				transition: color $transition_short ease;
				color: $text_dk_lighter;

				h4 {
					transition: color $transition_short ease;
					color: $text_dk_default;
				}
			}
		}
 	}
}


Version data entries

938 entries across 938 versions & 1 rubygems

Version Path
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss