993
edições
sem sumário de edição
Sem resumo de edição |
Sem resumo de edição |
||
| (5 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 23: | Linha 23: | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr)); | grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr)); | ||
gap: | place-items: center; | ||
gap: 2rem; | |||
} | } | ||
| Linha 43: | Linha 44: | ||
.card { | .card { | ||
font-family: "Sora"; | font-family: "Sora"; | ||
width: clamp( | width: clamp(33.5rem, 2vw, 45rem); | ||
height: clamp( | height: clamp(10.7rem, 2vh, 14rem); | ||
display: flex; | display: flex; | ||
align-items: flex-start; | align-items: flex-start; | ||
| Linha 56: | Linha 57: | ||
.card:hover { | .card:hover { | ||
transform: scale(. | transform: scale(.975); | ||
} | } | ||
.card main { | .card main { | ||
position: relative; | |||
flex-basis: 60%; | flex-basis: 60%; | ||
height: 100%; | height: 100%; | ||
padding: 1rem; | padding: 1rem; | ||
padding-top: .5rem; | |||
} | } | ||
| Linha 69: | Linha 72: | ||
font-weight: 500; | font-weight: 500; | ||
color: #200245; | color: #200245; | ||
margin-bottom: | margin-bottom: 0; | ||
} | } | ||
| Linha 78: | Linha 81: | ||
-ms-box-orient: vertical; | -ms-box-orient: vertical; | ||
box-orient: vertical; | box-orient: vertical; | ||
-webkit-line-clamp: | -webkit-line-clamp: 3; | ||
-moz-line-clamp: | -moz-line-clamp: 3; | ||
-ms-line-clamp: | -ms-line-clamp: 3; | ||
line-clamp: | line-clamp: 3; | ||
overflow: hidden; | overflow: hidden; | ||
| Linha 111: | Linha 114: | ||
.icon-container { | .icon-container { | ||
position: absolute; | |||
bottom: 1.4rem; | |||
display: flex; | display: flex; | ||
align-items: flex-start; | align-items: flex-start; | ||
| Linha 119: | Linha 124: | ||
.icon-container img { | .icon-container img { | ||
width: | width: 28px; | ||
} | } | ||