AlchemyCMS/alchemy_cms

.page-select--page,
.page-select--page-name,
.page-select--page-urlname {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.page-select--page {
  display: flex;
  flex-direction: column;

  .icon {
    margin: 0 $default-margin;
    fill: currentColor;
  }
}

.page-select--top,
.page-select--bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page-select--bottom {
  font-size: $small-font-size;
  padding-left: $default-padding;
}

.page-select--site-name {
  color: $muted-text-color;

  .select2-highlighted & {
    color: $medium-gray;
  }
}

.page-select--language-code {
  display: inline-block;
  background-color: $medium-gray;
  margin-left: auto;
  border-radius: $default-border-radius;
  padding: $default-padding / 2 $default-padding;

  .select2-highlighted & {
    color: $select-hover-bg-color;
    background-color: white;
  }
}

.page-select--page-urlname {
  margin-left: auto;
  padding: $default-padding 2 * $default-padding;
  color: $dark-gray;
  font-size: $small-font-size;

  .select2-highlighted & {
    color: $white;
  }
}