acud/es/clear/style/index.css

acg react 组件库

/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-clear.acudicon {
  color: #FFFFFF;
  background-color: #D4D6D9;
  border-color: transparent;
  padding: 2px;
  background-clip: content-box;
  border-radius: 50%;
  font-size: 12px;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.acud-clear.acudicon:hover {
  color: #FFFFFF;
}
.acud-clear.acudicon:focus,
.acud-clear.acudicon:active {
  color: #FFFFFF;
}
.acud-clear.acudicon[disabled],
.acud-clear.acudicon[aria-disabled="true"],
.acud-clear.acudicon[disabled]:hover,
.acud-clear.acudicon[aria-disabled="true"]:hover,
.acud-clear.acudicon[disabled]:focus,
.acud-clear.acudicon[aria-disabled="true"]:focus,
.acud-clear.acudicon[disabled]:active,
.acud-clear.acudicon[aria-disabled="true"]:active {
  color: #FFFFFF;
}
.acud-clear.acudicon:hover {
  background-color: #5C5F66;
}
.acud-clear.acudicon:focus,
.acud-clear.acudicon:active {
  background-color: #303540;
}
.acud-clear.acudicon[disabled],
.acud-clear.acudicon[aria-disabled="true"],
.acud-clear.acudicon[disabled]:hover,
.acud-clear.acudicon[aria-disabled="true"]:hover,
.acud-clear.acudicon[disabled]:focus,
.acud-clear.acudicon[aria-disabled="true"]:focus,
.acud-clear.acudicon[disabled]:active,
.acud-clear.acudicon[aria-disabled="true"]:active {
  background-color: #F2F2F4;
}
.acud-clear.acudicon:hover {
  border-color: transparent;
}
.acud-clear.acudicon:focus,
.acud-clear.acudicon:active {
  border-color: transparent;
}
.acud-clear.acudicon[disabled],
.acud-clear.acudicon[aria-disabled="true"],
.acud-clear.acudicon[disabled]:hover,
.acud-clear.acudicon[aria-disabled="true"]:hover,
.acud-clear.acudicon[disabled]:focus,
.acud-clear.acudicon[aria-disabled="true"]:focus,
.acud-clear.acudicon[disabled]:active,
.acud-clear.acudicon[aria-disabled="true"]:active {
  border-color: transparent;
}
.acud-clear.acudicon > svg {
  transform: scale(0.66666);
}