src/styles/_app_utils.sass
/* Collection of mixins that can be plugged everywhere */

/* Set the color for a specified property
 * 1: $property: e.g. background-color
 * 2: $where: ':before', ' .class-name', etc.
 * 3: $variation: 'light', 'dark', or empty
 * e.g. @include status-color-property(background-color, ':before', 'light')
 */
@mixin status-color-property($property, $where: false, $variation: false)

	@if not ($where)
		$where: ''

	&.status
		&-queued#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-queued-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-queued-dark
			@else
				#{$property}: $color-status-queued
		&-canceled#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-canceled-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-canceled-dark
			@else
				#{$property}: $color-status-canceled
		&-cancel-requested#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-cancel-requested-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-cancel-requested-dark
			@else
				#{$property}: $color-status-cancel-requested
		&-failed#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-failed-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-failed-dark
			@else
				#{$property}: $color-status-failed
		&-fail-requested#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-fail-requested-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-fail-requested-dark
			@else
				#{$property}: $color-status-fail-requested
		&-soft-failed#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-soft-failed-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-soft-failed-dark
			@else
				#{$property}: $color-status-soft-failed
		&-claimed-by-manager#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-claimedbymanager-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-claimedbymanager-dark
			@else
				#{$property}: $color-status-claimedbymanager
		&-processing#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-processing-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-processing-dark
			@else
				#{$property}: $color-status-processing
		&-completed#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-completed-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-completed-dark
			@else
				#{$property}: $color-status-completed
		&-active#{$where}
			@if ($variation == 'light')
				#{$property}: $color-status-active-light
			@else if ($variation == 'dark')
				#{$property}: $color-status-active-dark
			@else
				#{$property}: $color-status-active
