$absolute-bottom-left
  absolute: bottom 0 left 0

$absolute-bottom-right
  absolute: bottom 0 right 0

$absolute-top-left
  absolute: top 0 left 0

$absolute-top-right
  absolute: top 0 right 0

$cursor-default
  cursor: default

$flex-1
  flex: 1

$flex-align-items-center
  align-items: center

$flex-align-self-end
  align-self: flex-end

$full-width
  width: 100%

$out-of-viewport
  absolute: top -9999em left -9999em

$position-relative
  position: relative

$text-decoration-none
  text-decoration: none

&
  placeholders: $var-breakpoints.xs.name

@media(min-width: $var-breakpoints.sm.value)
  placeholders: $var-breakpoints.sm.name

@media(min-width: $var-breakpoints.md.value)
  placeholders: $var-breakpoints.md.name

@media(min-width: $var-breakpoints.lg.value)
  placeholders: $var-breakpoints.lg.name

@media(min-width: $var-breakpoints.xl.value)
  placeholders: $var-breakpoints.xl.name