.items {

padding: 0;
margin: 0 0 3ex;

} .item {

@include clearfix;
list-style-type: none;
position: relative;
z-index: 2;
padding: .5ex 0;
border-top: 1px dotted $item-border-color;

} .item-title {

display: inline-block;
box-sizing: border-box;
max-width: 100%;
margin: 0 0 2ex;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 1em;
font-weight: 600;
@include breakpoint($mobile) {
  padding-right: 3.5em;
}
@include breakpoint($desktop) {
  padding-right: 11em;
}
a {
  color: inherit;
  text-decoration: none;
  &:hover, &:active {
    text-decoration: underline;
  }
}

} .item-path {

position: absolute;
left: 0;
bottom: 1.5ex;
margin: 0;
font-size: .7em;
color: $item-path-color;

} .item-actions {

position: absolute;
top: 20%;
right: 0;
padding: .75ex 0;
font-size: .8em;

} .item-action {

display: inline-block;
list-style-type: none;
margin: 0 0 0 1em;
@include breakpoint($mobile) {
  a, .form-link-submit {
    width: 1px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 101%;
  }
}

}