/*
  clearfix
 */

@mixin f-cf {
  zoom: 1;
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
  }
}


/*
  text overflow
 */

@mixin f-to {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@mixin f-hover {
  &:hover {
    @content
  }
}

@mixin opacity($val) {
  filter: Alpha(opacity=($val * 100));
  -webkit-opacity: $val;
  -moz-opacity: $val;
  -o-opacity: $val;
  opacity: $val;
}