checkbox()
	.bunt-checkbox
		position relative
		display flex
		align-items center
		flex-shrink 0
		input
			position absolute
			top 0
			left 0
			height 1px
			width @height
			opacity 0
			cursor pointer
		label
			font-size 14px
			line-height 24px
			cursor pointer
			display flex
			align-items center
		.bunt-checkbox-box
			height 20px
			width 20px
			border-radius 2px
			border 2px solid $clr-secondary-text-light
			margin-right 8px
			position relative
			transition all .2s ease-out

			&:after
				width 6px
				height 13px
				position absolute
				top 0
				left 6px
				border 2px solid $clr-white
				border-top 0
				border-left 0
				opacity 0
				transform rotate(45deg) scale3D(.15, .15, 1)
				transition $swift-ease-in
				content ' '
		&.checked
			.bunt-checkbox-box
				background-color $clr-primary
				border-color $clr-primary
				&:after
					opacity 1
					transform rotate(45deg) scale3D(1, 1, 1)
					transition $swift-ease-out
		&.disabled
			label
				cursor not-allowed
				color $clr-secondary-text-light
			.bunt-checkbox-box
				border-color $clr-grey-400
			&.checked .bunt-checkbox-box
				background-color $clr-grey-400

checkbox-style(size = normal)
	if size is small
		.bunt-checkbox-box
			height: 14px
			width: @height
			&:after
				width: 4px
				height: 9px
				left: 4px
		label
			line-height: 18px