my_mixn.sass

=decor_pseudo($after)
  position: relative
  &:#{$after}
    content: ''
    position: absolute
    @content
    
=keyframes($name)
  @-webkit-keyframes #{$name}
    @content
  @-moz-keyframes #{$name}
    @content
  @-ms-keyframes #{$name}
    @content
  @keyframes #{$name}
    @content
    
=vendor-prefix($name, $argument)
  -webkit-#{$name}: #{$argument}
  -ms-#{$name}: #{$argument}
  -moz-#{$name}: #{$argument}
  -o-#{$name}: #{$argument}
  #{$name}: #{$argument}

=horizontal_align($selector: "*")
  &:before, & > #{$selector}
    display: inline-block
    vertical-align: middle
  &:before
    content: ''
    height: 100%

=sticky-footer($footer_height, $root_selector:"#root", $root_footer_selector:"#root_footer", $footer_selector:"#footer")
  html
    :height 100%
  body
    :height 100%
  #{$root_selector}
    :min-height 100%
    :margin-bottom -#{$footer_height}
    #{$root_footer_selector}
      :height #{$footer_height}
  #{$footer_selector}
    :clear            both
    :position         relative
    :height          #{$footer_height}
    
=placeholder
  &::-webkit-input-placeholder
    @content
  &::-moz-placeholder
    @content
  &::-moz-placeholder
    @content
  &::-ms-input-placeholder
    @content

%vertical_middle
  display: inline-block
  vertical-align: middle
  
=inlude-font-face($name, $file)
  @font-face
    font-family: #{$name}
    src: url('../fonts/#{$file}.eot')
    src: url('../fonts/#{$file}?#iefix') format('embedded-opentype'), url('../fonts/#{$file}.woff') format('woff'),url('../fonts/#{$file}.ttf') format('truetype')
    font-weight: normal
    font-style: normal