code: function () {
              var /** @type {?} */ tickSize = this._tickIntervalPercent * 100;
              var /** @type {?} */ backgroundSize = this.vertical ? "2px " + tickSize + "%" : tickSize + "% 2px";
              var /** @type {?} */ axis = this.vertical ? 'Y' : 'X';
              // Depending on the direction we pushed the ticks container, push the ticks the opposite
              // direction to re-center them but clip off the end edge. In RTL languages we need to flip the
              // ticks 180 degrees so we're really cutting off the end edge abd not the start.
              var /** @type {?} */ sign = !this.vertical && this._direction == 'rtl' ? '-' : '';
              var /** @type {?} */ rotate = !this.vertical && this._direction == 'rtl' ? ' rotate(180deg)' : '';
              var /** @type {?} */ styles = {
                  'backgroundSize': backgroundSize,
                  // Without translateZ ticks sometimes jitter as the slider moves on Chrome & Firefox.
                  'transform': "translateZ(0) translate" + axis + "(" + sign + tickSize / 2 + "%)" + rotate
              };
              if (this._isMinValue && this._thumbGap) {
                  var /** @type {?} */ side = this.vertical ?
                      (this._invertAxis ? 'Bottom' : 'Top') :
                      (this._invertAxis ? 'Right' : 'Left');
                  styles["padding" + side] = this._thumbGap + "px";
              }
              return styles;
          }
docs: CSS styles for the ticks element.
  @return {?}