Sha256: 76edaf72211145b05d7e717ec8e3dbdef42d48827efe8ff00f55d03a5bfd694e

Contents?: true

Size: 1.39 KB

Versions: 47

Compression:

Stored size: 1.39 KB

Contents

[class^=pb_selectable_icon] {

  text-align: center;
  cursor: pointer;

  :hover * {
		filter: drop-shadow(0 0 8px rgba($shadow, 0.25));
		transition-duration: $transition_short;
		transition-timing-function: $easeIn;
  }

  * {
    cursor: pointer;
  }

  h4 {
    margin-top: $space_xs !important;
    user-select: none;
  }

  &[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-property: color;
		transition-duration: $transition_short;

		&:checked ~ label * {
			transition-timing-function: $easeIn;
			color: $primary;
		}
		
		&:not(:checked) ~ label {
			transition-timing-function: $easeOut;
			color: $slate;

			h4 {
				transition-delay: .15s;
			}
		}
	}


  &[class*=_dark] {

		input[type="checkbox"],
		input[type="radio"] {
			-webkit-appearance: none;
			-moz-appearance: none;
			display: none;
			appearance: none;

			transition-property: color;
			transition-duration: $transition_short;


			&:checked ~ label * {
				transition-timing-function: $easeIn;
				color: $active_dark !important;
			}
				
			&:not(:checked) ~ label {
				transition-timing-function: $easeOut;
				color: $text_dk_lighter;

				h4 {
					transition-delay: .15s;
					color: $text_dk_default;
				}
			}
		}
 	}
}

Version data entries

47 entries across 47 versions & 1 rubygems

Version Path
playbook_ui-6.0.1.pre.alpha6 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-6.0.1.pre.alpha5 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-6.0.1.pre.alpha4 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-6.0.1.pre.alpha3 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-6.0.1.pre.alpha2 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.2.0.pre.alpha15 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.2.0.pre.alpha14 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.2.0.pre.alpha13 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-6.0.1 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.2.0.pre.alpha12 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-6.0.0 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.2.0.pre.alpha11 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.5.1.pre.alpha4 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.5.1.pre.alpha3 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.5.1.pre.alpha2 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.5.1.pre.alpha1 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.2.0.pre.alpha10 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.5.1 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.5.0 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
playbook_ui-5.5.0.pre.alpha1 app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss