@import "../variables/dimensions";
@import "../variables/colors";

.rc-breadcrumbs {
  display: inline;

  color: $breadcrumbs-color;
}

.rc-breadcrumbs-no-handler {
  color: $breadcrumbs-color-no-handler;
}

.rc-breadcrumbs-icon {
  color: $breadcrumbs-color;

  margin-right: $breadcrumbs-horizontal-space;
}

.rc-breadcrumbs-item {
  display: inline-flex;

  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;

  max-width: $breadcrumbs-width;
}

.rc-breadcrumbs-item-icon {
  margin: 0 $breadcrumbs-horizontal-space;
}

.rc-breadcrumbs-item-name {
  min-width: 0;

  color: inherit;

  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.rc-breadcrumbs-item-link {
  cursor: pointer;
}