@alifd/meet-react/es/tag-select/styles/index.css

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component tag-select
  @display TagSelect
  @chinese 标签选择器
  @family data-entry
*/
:root {
  /*
    @desc spacing
    @semantic 小间隙
    @namespace size/padding
   */
  --tag-select-small-spacing: var(--box-small-spacing);
  /*
    @desc spacing
    @semantic 中间隙
    @namespace size/padding
   */
  --tag-select-medium-spacing: var(--box-medium-spacing);
  /*
     @desc spacing
     @semantic 大间隙
     @namespace size/padding
    */
  --tag-select-large-spacing: var(--box-large-spacing);
}

.mt-tag-select {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.mt-tag-select--inline {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.mt-tag-select .mt-tag {
  flex-wrap: 0;
  flex-shrink: 0;
}
.mt-tag-select--small {
  margin-top: calc(0vw - var(--tag-select-small-spacing));
}
.mt-tag-select--small .mt-tag {
  margin-right: var(--tag-select-small-spacing);
  margin-top: var(--tag-select-small-spacing);
}
.mt-tag-select--medium {
  margin-top: calc(0vw - var(--tag-select-medium-spacing));
}
.mt-tag-select--medium .mt-tag {
  margin-right: var(--tag-select-medium-spacing);
  margin-top: var(--tag-select-medium-spacing);
}
.mt-tag-select--large {
  margin-top: calc(0vw - var(--tag-select-large-spacing));
}
.mt-tag-select--large .mt-tag {
  margin-right: var(--tag-select-large-spacing);
  margin-top: var(--tag-select-large-spacing);
}