/*
 * Wire
 * Copyright (C) 2018 Wire Swiss GmbH
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see http://www.gnu.org/licenses/.
 *
 */

.file-asset {
  .asset-container-style;
  width: 100%;
  flex-wrap: wrap;
  align-self: center;
  padding: 12px;
}

.file {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;

  &__desc {
    min-width: 0;
    flex: 1 1 auto;
    margin-left: 12px;
    line-height: var(--line-height-sm);

    &__meta {
      display: flex;
      padding: 0;
      margin: 0;
      list-style: none;

      & > li:not(:first-child)::before {
        padding-right: 4px;
        content: '\b7'; // middot
      }

      & > li:not(:last-child) {
        margin-right: 4px;
      }
    }
  }

  &__icon {
    position: relative;
    font-size: var(--font-size-xxl);

    &__ext {
      position: absolute;
      right: 0;
      bottom: 4px;
      left: 0;
      color: #fff;
      font-family: var(--font-family-base);
      font-size: var(--font-size-xsmall);
      text-align: center;
    }
  }
}