birdpaper-ui/es/common/index.css

一个通用的 vue3 UI组件库。A common vue3 UI component library.

:export {
  primary-0: #f0f7fc;
  primary-1: #e6f4ff;
  primary-2: #bae0ff;
  primary-3: #91caff;
  primary-4: #449efb;
  primary-5: #4096ff;
  primary-6: #1677ff;
  primary-7: #0958d9;
  primary-8: #003eb3;
  primary-9: #002c8c;
  success-0: #edfceb;
  success-1: #e5f8db;
  success-2: #d9f7be;
  success-3: #b7eb8f;
  success-4: #95de64;
  success-5: #73d13d;
  success-6: #52c41a;
  success-7: #209124;
  success-8: #237804;
  success-9: #135200;
  warning-0: #fff7e6;
  warning-1: #faefd7;
  warning-2: #ffe49c;
  warning-3: #ffd591;
  warning-4: #ffc069;
  warning-5: #ffa940;
  warning-6: #fa8c16;
  warning-7: #d46b08;
  warning-8: #ad4e00;
  warning-9: #873800;
  danger-0: #fff1f0;
  danger-1: #ffe8e6;
  danger-2: #ffccc7;
  danger-3: #ffa39e;
  danger-4: #ff7875;
  danger-5: #ff4d4f;
  danger-6: #f5222d;
  danger-7: #cf1322;
  danger-8: #a8071a;
  danger-9: #820014;
  gary-1: #ffffff;
  gary-2: #fafafa;
  gary-3: #f5f5f5;
  gary-4: #f0f0f0;
  gary-5: #d9d9d9;
  gary-6: #bfbfbf;
  gary-7: #8c8c8c;
  gary-8: #595959;
  gary-9: #434343;
  gary-10: #262626;
  gary-11: #1f1f1f;
  gary-12: #141414;
}
button,
input,
optgroup,
select,
textarea {
  border: 0;
  padding: 0;
  background: 0 0;
  line-height: inherit;
  color: inherit;
  outline: none;
  font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
}
.no-select {
  -webkit-appearance: none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.transition-all-2-ease {
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.bp-large-height {
  height: 36px;
  min-height: 36px;
  font-size: 16px;
}
.bp-normal-height {
  height: 32px;
  min-height: 32px;
  font-size: 13px;
}
.bp-small-height {
  height: 30px;
  min-height: 30px;
  font-size: 12px;
}
.bp-mini-height {
  height: 22px;
  min-height: 22px;
  font-size: 12px;
}
.bp-btn-padding-large {
  padding: 0 20px;
}
.bp-btn-padding-normal {
  padding: 0 18px;
}
.bp-btn-padding-small {
  padding: 0 14px;
}
.bp-btn-padding-mini {
  padding: 0 10px;
}
.bp-icon-right {
  margin-left: 4px;
}
.input-font-family {
  font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.click-icon {
  display: block;
  fill: #8c8c8c;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 1px;
  border-radius: 10px;
}
.click-icon:hover {
  fill: #595959;
  background-color: #d9d9d9;
  transition: all 0.2s ease;
}