.list .file, .list .directory {
  flex: 1 1 100%;

  border-bottom: 1px solid @dark-separator;

  p {
    word-wrap: break-word;
    word-break: break-all;
  }

  > span {
    .thin-small;

    margin-left: 1rem;
  }

  i {
    margin-right: 1.4rem;
  }
}

.grid .file, .grid .directory {
  flex: 1 0 33.33%;

  max-width: 33.33%;

  padding: 1.4rem 0.5rem;

  flex-direction: column;

  p {
    max-height: 1.5em;
    max-width: 100%;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  span {
    display: none;
  }
}

.file, .directory {
  display: flex;
  flex-flow: row;
  align-items: center;

  padding: 1.4rem;

  .light-big;

  box-sizing: border-box;

  p {
    flex: 1 1;
  }

  &:active {
    background: @gray;
  }
}

.directory i {
  .icon-directory;
}

.file i {
  .icon-file;
}