responsivewebframework/src/less/mixin.less

Jalasoft Foundation Front End Framework ========================================

//
// Mixin
// --------------------------------------------------

.font-format (@font-family, @font-size, @line-height, @letter-spacing, @font-color: inherit) {
  font-family: @font-family;
  font-size: @font-size;
  line-height: @line-height;
  letter-spacing: @letter-spacing;
  color: @font-color;
}

// Rotation Animate
.rotation-animation (@name, @duration: 300ms, @iteration: infinite, @delay: 0,
                      @timing-function: linear, @direction: normal) {
  -webkit-animation: @name @duration @iteration @delay @timing-function @direction;
  -moz-animation: @name @duration @iteration @timing-function @direction;
  animation: @name @duration @iteration @delay @timing-function @direction;
}

// Font face
.font-face(@font-family) {
  @font-face {
    font-family: @font-family;
    src: url("../fonts/@{font-family}.woff");
  }
}

//utilities
@import "mixins/shadow.less";