Widget:SearchQuestStyle: mudanças entre as 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: 1.5rem;
    place-items: center;
     gap: 2rem;
}
}


Linha 43: Linha 44:
.card {
.card {
     font-family: "Sora";
     font-family: "Sora";
     width: clamp(36rem, 2vw, 45rem);
     width: clamp(33.5rem, 2vw, 45rem);
     height: clamp(11rem, 2vh, 14rem);
     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(.95) rotate(-2deg);
   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: .35rem;
     margin-bottom: 0;
}
}


Linha 78: Linha 81:
     -ms-box-orient: vertical;
     -ms-box-orient: vertical;
     box-orient: vertical;
     box-orient: vertical;
     -webkit-line-clamp: 5;
     -webkit-line-clamp: 3;
     -moz-line-clamp: 5;
     -moz-line-clamp: 3;
     -ms-line-clamp: 5;
     -ms-line-clamp: 3;
     line-clamp: 5;
     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: 16px;
     width: 28px;
}
}