How to use the ember-animated/motions/adjust-css.property function in ember-animated

To help you get started, we’ve selected a few ember-animated examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ember-animation / ember-animated / docs / app / pods / components / moving-word / component.js View on Github external
motions() {
    let motions = [];
    if (!this.disableMove) {
      motions.push(move);
    }
    if (!this.disableCompensateForScale) {
      motions.push(compensateForScale);
    }
    if (!this.disableAdjustFontSize) {
      motions.push(adjustCSS.property('font-size'));
    }
    if (!this.disableAdjustLetterSpacing) {
      motions.push(adjustCSS.property('letter-spacing'));
    }
    if (!this.disableAdjustColor) {
      motions.push(adjustColor.property('color'));
    }
    return motions;
  },
github ef4 / living-animation / src / ui / components / moving-word / component.js View on Github external
transition: function * ({ sentSprites }) {
    sentSprites.forEach(
      parallel(
        move,
        compensateForScale,
        adjustCSS.property('font-size'),
        adjustCSS.property('letter-spacing'),
        adjustColor.property('color')
      )
    );
  }
}).reopenClass({
github cardstack / portfolio / packages / common / addon / components / moving-item.js View on Github external
sentSprites.forEach(sprite => {
      sprite.applyStyles({ 'z-index': 1 });
      move(sprite);
      if (sprite.element.tagName === 'svg') {
        scale(sprite);
      } else {
        adjustCSS.property('font-size')(sprite);
        adjustCSS.property('letter-spacing')(sprite);
        adjustCSS.property('line-height')(sprite);
      }
    });
  },
github cardstack / portfolio / packages / common / addon / components / moving-item.js View on Github external
sentSprites.forEach(sprite => {
      sprite.applyStyles({ 'z-index': 1 });
      move(sprite);
      if (sprite.element.tagName === 'svg') {
        scale(sprite);
      } else {
        adjustCSS.property('font-size')(sprite);
        adjustCSS.property('letter-spacing')(sprite);
        adjustCSS.property('line-height')(sprite);
      }
    });
  },
github ef4 / living-animation / src / ui / components / moving-word / component.js View on Github external
transition: function * ({ sentSprites }) {
    sentSprites.forEach(
      parallel(
        move,
        compensateForScale,
        adjustCSS.property('font-size'),
        adjustCSS.property('letter-spacing'),
        adjustColor.property('color')
      )
    );
  }
}).reopenClass({
github ember-animation / ember-animated / docs / app / pods / components / moving-word / component.js View on Github external
motions() {
    let motions = [];
    if (!this.disableMove) {
      motions.push(move);
    }
    if (!this.disableCompensateForScale) {
      motions.push(compensateForScale);
    }
    if (!this.disableAdjustFontSize) {
      motions.push(adjustCSS.property('font-size'));
    }
    if (!this.disableAdjustLetterSpacing) {
      motions.push(adjustCSS.property('letter-spacing'));
    }
    if (!this.disableAdjustColor) {
      motions.push(adjustColor.property('color'));
    }
    return motions;
  },
github cardstack / portfolio / packages / common / addon / components / moving-item.js View on Github external
sentSprites.forEach(sprite => {
      sprite.applyStyles({ 'z-index': 1 });
      move(sprite);
      if (sprite.element.tagName === 'svg') {
        scale(sprite);
      } else {
        adjustCSS.property('font-size')(sprite);
        adjustCSS.property('letter-spacing')(sprite);
        adjustCSS.property('line-height')(sprite);
      }
    });
  },