tissue/resources/assets/sass/components/_link-card.scss

.link-card {
  .row > div {
    max-height: 400px;
    overflow: hidden;
  }

  .row > div:first-child {
    display: flex;

    &:not([display=none]) {
      height: 400px;
    }
  }

  .row > div:last-child {
    // 省略を表す影を付けるやつ
    &::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: linear-gradient(rgba(255, 255, 255, 0) 320px, white);
    }
  }

  .card-text {
    white-space: pre-line;
  }
}

// チェックイン画面用
.link-card-mini {
    $height: 150px;

    .row > div {
        overflow: hidden;
    }

    .row > div:first-child {
        display: flex;

        &:not([display=none]) {
            min-height: $height;
            
            img {
                position: absolute;
            }
        }
    }

    .card-text {
        white-space: pre-line;
    }
}