pragmate-ui/breadcrumb/breadcrumb.css

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

.pui-breadcrumb__container .pui-breadcrumb {
  display: flex;
  gap: 0.15rem;
}
.pui-breadcrumb__container .pui-breadcrumb a {
  text-decoration: none;
  position: relative;
  align-items: center;
  height: 100%;
  margin: 0 1px;
  display: flex;
  gap: 0.15rem;
  transition: all 0.2s;
  cursor: pointer;
}
.pui-breadcrumb__container .pui-breadcrumb a:hover, .pui-breadcrumb__container .pui-breadcrumb a:hover:after, .pui-breadcrumb__container .pui-breadcrumb a:hover:before {
  height: 100%;
  color: var(--on-surface);
}
.pui-breadcrumb__container .pui-breadcrumb a:hover .pui-breadcrumb__separator, .pui-breadcrumb__container .pui-breadcrumb a:hover:after .pui-breadcrumb__separator, .pui-breadcrumb__container .pui-breadcrumb a:hover:before .pui-breadcrumb__separator {
  color: var(--on-surface);
}
.pui-breadcrumb__container .pui-breadcrumb a:hover {
  transition: all 0.2s;
}
.pui-breadcrumb__container {
  background: transparent;
  align-items: center;
  display: flex;
  padding: 0;
  cursor: pointer;
}
.pui-breadcrumb__container .pui-breadcrumb {
  padding: 0;
  list-style: none;
}
.pui-breadcrumb__container .pui-breadcrumb .breadcrumb__item--current {
  cursor: default;
  color: var(--secondary);
}
.pui-breadcrumb__container .pui-breadcrumb .breadcrumb__item--current:hover {
  color: var(--secondary);
}


/*# sourceMappingURL=breadcrumb.css.map*/