scup/Atellier

/* ------------------------- *\
      ANIMATIONS
\* ------------------------- */

// FLEX

.flex-container(@flow: row nowrap, @justify: flex-start, @align-items: stretch, @align-content: stretch) {
  align-content: @align-content;
  align-items: @align-items;
  display: flex;
  flex-flow: @flow;
  justify-content: @justify;
}

.flex-item(@values) {
  flex: @values;
}

// ANIMATION

.keyframes(@animationName, @content) {
  @keyframes @animationName {
    @content();
  }
}

.animation(@delay, @duration, @animation) {
  animation-delay: @delay;
  animation-duration: @duration;
  animation-name: @animation;
  animation-fill-mode: forwards;
}

// TEXT

.text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}