engagementgamelab/CivicSeed

// Vendor Prefixes
//
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
// Autoprefixer in our Gruntfile. They will be removed in v4.

// - Animations
// - Backface visibility
// - Box shadow
// - Box sizing
// - Content columns
// - Hyphens
// - Placeholder text
// - Transformations
// - Transitions
// - User Select


// Animations
// animation($animation)
//   -webkit-animation $animation
//   -o-animation $animation
//   animation $animation
// animation-name($name)
//   -webkit-animation-name $name
//   animation-name $name
// animation-duration($duration)
//   -webkit-animation-duration $duration
//   animation-duration $duration
// animation-timing-function($timing-function)
//   -webkit-animation-timing-function $timing-function
//   animation-timing-function $timing-function
// animation-delay($delay)
//   -webkit-animation-delay $delay
//   animation-delay $delay
// animation-iteration-count($iteration-count)
//   -webkit-animation-iteration-count $iteration-count
//   animation-iteration-count $iteration-count
// animation-direction($direction)
//   -webkit-animation-direction $direction
//   animation-direction $direction
// animation-fill-mode($fill-mode)
//   -webkit-animation-fill-mode $fill-mode
//   animation-fill-mode $fill-mode

// Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden`

// backface-visibility($visibility)
//   -webkit-backface-visibility $visibility
//   -moz-backface-visibility $visibility
//   backface-visibility $visibility

// Drop shadows
//
// Note Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
// supported browsers that have box shadow capabilities now support it.

// box-shadow($shadow...)
//   -webkit-box-shadow $shadow // iOS <4.3 & Android <4.1
//   box-shadow $shadow

// Box sizing
// box-sizing($boxmodel)
//   -webkit-box-sizing $boxmodel
//   -moz-box-sizing $boxmodel
//   box-sizing $boxmodel

// CSS3 Content Columns
// content-columns($column-count, $column-gap = $grid-gutter-width)
//   -webkit-column-count $column-count
//   -moz-column-count $column-count
//   column-count $column-count
//   -webkit-column-gap $column-gap
//   -moz-column-gap $column-gap
//   column-gap $column-gap

// Optional hyphenation
// hyphens($mode = auto)
//   word-wrap break-word
//   -webkit-hyphens $mode
//   -moz-hyphens $mode
//   -ms-hyphens $mode // IE10+
//   -o-hyphens $mode
//   hyphens $mode

// Placeholder text
placeholder($color = $input-color-placeholder)
  &::-moz-placeholder // Firefox
    color $color
    opacity 1 // See https//github.com/twbs/bootstrap/pull/11526
  &:-ms-input-placeholder // Internet Explorer 10+
    color $color
  &::-webkit-input-placeholder // Safari and Chrome
    color $color

// Transformations
// scale($ratio...)
//   -webkit-transform s("scale(%s)", join(', ', $ratio))
//   -ms-transform s("scale(%s)", join(', ', $ratio)) // IE9 only
//   -o-transform s("scale(%s)", join(', ', $ratio))
//   transform s("scale(%s)", join(', ', $ratio))
// scaleX($ratio)
//   -webkit-transform s("scaleX(%s)", $ratio)
//   -ms-transform s("scaleX(%s)", $ratio) // IE9 only
//   -o-transform s("scaleX(%s)", $ratio)
//   transform s("scaleX(%s)", $ratio)
// scaleY($ratio)
//   -webkit-transform s("scaleY(%s)", $ratio)
//   -ms-transform s("scaleY(%s)", $ratio) // IE9 only
//   -o-transform s("scaleY(%s)", $ratio)
//   transform s("scaleY(%s)", $ratio)
// skew($x, $y)
//   -webkit-transform s("skewX(%s) skewY(%s)", $x, $y)
//   -ms-transform s("skewX(%s) skewY(%s)", $x, $y) // See https//github.com/twbs/bootstrap/issues/4885 IE9+
//   -o-transform s("skewX(%s) skewY(%s)", $x, $y)
//   transform s("skewX(%s) skewY(%s)", $x, $y)
// translate($x, $y)
//   -webkit-transform s("translate(%s, %s)", $x, $y)
//   -ms-transform s("translate(%s, %s)", $x, $y) // IE9 only
//   -o-transform s("translate(%s, %s)", $x, $y)
//   transform s("translate(%s, %s)", $x, $y)
// translate3d($x, $y, $z)
//   -webkit-transform s("translate3d(%s, %s, %s)", $x, $y, $z)
//   transform s("translate3d(%s, %s, %s)", $x, $y, $z)
// rotate($degrees)
//   -webkit-transform s("rotate(%s)", $degrees)
//   -ms-transform s("rotate(%s)", $degrees) // IE9 only
//   -o-transform s("rotate(%s)", $degrees)
//   transform s("rotate(%s)", $degrees)
// rotateX($degrees)
//   -webkit-transform s("rotateX(%s)", $degrees)
//   -ms-transform s("rotateX(%s)", $degrees) // IE9 only
//   -o-transform s("rotateX(%s)", $degrees)
//   transform s("rotateX(%s)", $degrees)
// rotateY($degrees)
//   -webkit-transform s("rotateY(%s)", $degrees)
//   -ms-transform s("rotateY(%s)", $degrees) // IE9 only
//   -o-transform s("rotateY(%s)", $degrees)
//   transform s("rotateY(%s)", $degrees)
// perspective($perspective)
//   -webkit-perspective $perspective
//   -moz-perspective $perspective
//   perspective $perspective
// perspective-origin($perspective)
//   -webkit-perspective-origin $perspective
//   -moz-perspective-origin $perspective
//   perspective-origin $perspective
// transform-origin($origin)
//   -webkit-transform-origin $origin
//   -moz-transform-origin $origin
//   -ms-transform-origin $origin // IE9 only
//   transform-origin $origin


// Transitions

// transition($transition...)
//   -webkit-transition $transition
//   -o-transition $transition
//   transition $transition
// transition-property($transition-property)
//   -webkit-transition-property $transition-property
//   transition-property $transition-property
// transition-delay($transition-delay)
//   -webkit-transition-delay $transition-delay
//   transition-delay $transition-delay
// transition-duration($transition-duration)
//   -webkit-transition-duration $transition-duration
//   transition-duration $transition-duration
// transition-timing-function($timing-function)
//   -webkit-transition-timing-function $timing-function
//   transition-timing-function $timing-function
// transition-transform($transition)
//   -webkit-transition -webkit-transform $transition
//   -moz-transition -moz-transform $transition
//   -o-transition -o-transform $transition
//   transition transform $transition


// User select
// For selecting text on the page

// user-select($select)
//   -webkit-user-select $select
//   -moz-user-select $select
//   -ms-user-select $select // IE10+
//   user-select $select