antd/es/steps/style/progress.js

An enterprise-class UI design language and React components implementation

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

var genStepsProgressStyle = function genStepsProgressStyle(token) {
  var _$concat5;

  var antCls = token.antCls,
      componentCls = token.componentCls;
  return _defineProperty({}, "&".concat(componentCls, "-with-progress"), (_$concat5 = {}, _defineProperty(_$concat5, "".concat(componentCls, "-item"), _defineProperty({
    paddingTop: token.paddingXXS
  }, "".concat(componentCls, "-item-tail"), {
    top: "".concat(token.marginXXS, "px !important")
  })), _defineProperty(_$concat5, "&".concat(componentCls, "-horizontal"), _defineProperty({}, "".concat(componentCls, "-item:first-child"), {
    paddingBottom: token.paddingXXS,
    paddingInlineStart: token.paddingXXS
  })), _defineProperty(_$concat5, "&".concat(componentCls, "-label-vertical"), _defineProperty({}, "".concat(componentCls, "-item ").concat(componentCls, "-item-tail"), {
    top: token.margin - 2 * token.lineWidth
  })), _defineProperty(_$concat5, "".concat(componentCls, "-item-icon"), _defineProperty({
    position: 'relative'
  }, "".concat(antCls, "-progress"), {
    position: 'absolute',
    insetBlockStart: (token.stepsIconSize - token.stepsProgressSize - token.lineWidth * 2) / 2,
    insetInlineStart: (token.stepsIconSize - token.stepsProgressSize - token.lineWidth * 2) / 2
  })), _$concat5));
};

export default genStepsProgressStyle;