.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%; } }
}