// // Content-List // —————————————-

.content-list {

list-style: none;
margin: 0;
padding: 0;

> li,
> .content-list-item {
  border-bottom: 1px solid $cl-border-color;
}

}

.content-list-item {

position: relative;
display: block;
padding: $cl-element-padding;

&.selected {
  color: $color-brand;
}

}

a.content-list-item {

@include transition(all $transition-time-out $transition-function);
color: inherit;
cursor: pointer;

&.focus,
&:focus {
  text-decoration: none;
}

&.hover,
&:hover {
  text-decoration: none;
  background-color: $cl-element-bgr-color-hover;
  @include transition($transition-time-in, '-duration');
}

&.active,
&:active {
  background-color: $cl-element-bgr-color-active;
}

}

@include content-list-item-variant('brand', $cl-element-font-color-brand, $cl-element-bgr-color-brand);