acud/es/breadcrumb/style/index.css

acg react 组件库

/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-breadcrumb {
  margin: 0;
  padding: 0;
}
.acud-breadcrumb-link {
  color: #84868C;
}
.acud-breadcrumb a {
  font-size: 14px;
  color: #84868C;
  transition: color 0.3s;
}
.acud-breadcrumb a:hover {
  color: #2468F2;
}
.acud-breadcrumb a:focus,
.acud-breadcrumb a:active {
  color: #144BCC;
}
.acud-breadcrumb a[disabled],
.acud-breadcrumb a[aria-disabled="true"],
.acud-breadcrumb a[disabled]:hover,
.acud-breadcrumb a[aria-disabled="true"]:hover,
.acud-breadcrumb a[disabled]:focus,
.acud-breadcrumb a[aria-disabled="true"]:focus,
.acud-breadcrumb a[disabled]:active,
.acud-breadcrumb a[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-breadcrumb > span:last-child {
  color: #070C14;
}
.acud-breadcrumb > span:last-child span,
.acud-breadcrumb > span:last-child a {
  color: #070C14;
}
.acud-breadcrumb > span:last-child .acud-breadcrumb-separator {
  display: none;
}
.acud-breadcrumb-separator {
  margin: 8px;
  color: #84868C;
}
.acud-breadcrumb .acud-dropdown-trigger {
  display: inline-block;
}
.acud-breadcrumb .acud-dropdown-trigger .acudicon {
  margin-left: 4px;
}
.acud-breadcrumb-dropdown a {
  color: #151B26;
}
.acud-breadcrumb-dropdown a:hover {
  color: #151B26;
}
.acud-breadcrumb-dropdown a:focus,
.acud-breadcrumb-dropdown a:active {
  color: #2468F2;
}
.acud-breadcrumb-dropdown a[disabled],
.acud-breadcrumb-dropdown a[aria-disabled="true"],
.acud-breadcrumb-dropdown a[disabled]:hover,
.acud-breadcrumb-dropdown a[aria-disabled="true"]:hover,
.acud-breadcrumb-dropdown a[disabled]:focus,
.acud-breadcrumb-dropdown a[aria-disabled="true"]:focus,
.acud-breadcrumb-dropdown a[disabled]:active,
.acud-breadcrumb-dropdown a[aria-disabled="true"]:active {
  color: #B8BABF;
}