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