com.phloxui/styles/mixins/blink.less

PhloxUI Ng2+ Framework

@import "../variables";

@keyframes blink-opacity {
  50% { opacity: 0; }
}

@keyframes blink-bg-brand {
  50% { background-color: extract(@CLR_BRAND_HUE, 8); }
}

@keyframes blink-color-brand {
  50% { color: extract(@CLR_BRAND_HUE, 8); }
}

.blink(@name: "blink-opacity", @duration: @DEFAULT_BLINK_DURATION, @tFunc: @DEFAULT_TRANSITION_TIMING_FUNCTION, @count: @DEFAULT_BLINK_COUNT) {
  animation: e(@name) @duration e(@tFunc) @count;
}

.blink {
  .blink();
}

.blink-opacity(@duration: @DEFAULT_BLINK_DURATION, @tFunc: @DEFAULT_TRANSITION_TIMING_FUNCTION, @count: @DEFAULT_BLINK_COUNT) {
  .blink("blink-opacity", @duration, @tFunc, @count);
}

.blink-opacity {
  .blink-opacity();
}

.blink-bg-brand(@duration: @DEFAULT_BLINK_DURATION, @tFunc: @DEFAULT_TRANSITION_TIMING_FUNCTION, @count: @DEFAULT_BLINK_COUNT) {
  .blink("blink-bg-brand", @duration, @tFunc, @count);
}

.blink-bg-brand {
  .blink-bg-brand();
}

.blink-color-brand(@duration: @DEFAULT_BLINK_DURATION, @tFunc: @DEFAULT_TRANSITION_TIMING_FUNCTION, @count: @DEFAULT_BLINK_COUNT) {
  .blink("blink-color-brand", @duration, @tFunc, @count);
}

.blink-color-brand {
  .blink-color-brand();
}