/**
 * This file is part of the drip-table project.
 * @link     : https://drip-table.jd.com/
 * @author   : renwenci (ararakikon@163.com)
 * @modifier : renwenci (ararakikon@163.com)
 * @copyright: Copyright (c) 2021 JD Network Technology Co., Ltd.
 */
@prefixCls: jfe-drip-table-layout-card;

.@{prefixCls}-container {
  justify-content: space-around;
  display: grid;

  .@{prefixCls}-item {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 0 12px 0 #26262615;
    margin: 10px 0;

    .@{prefixCls}-img {
      width: 100%;
      aspect-ratio: 1;
      margin-bottom: 10px;
    }

    .@{prefixCls}-title {
      color: #8c8c8c;
      font-size: 12px;
      margin-bottom: 4px;
    }

    .@{prefixCls}-content {
      display: flex;
      flex-direction: column;
    }
  }
}