More languages
More actions
No edit summary |
No edit summary |
||
Line 3: | Line 3: | ||
display: flex; | display: flex; | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
justify-content: | justify-content:space-between; | ||
gap: 0 20px; | gap: 0 20px; | ||
width:100%; | width:100%; | ||
} | } | ||
.library-card-mini-content{ | .library-card-mini-content{ | ||
display: inline-grid; | display: inline-grid; | ||
grid-template-columns: | grid-template-columns: 45px 155px; | ||
grid-template-rows: 1fr; | grid-template-rows: 1fr; | ||
height:75px; | |||
overflow:hidden; | overflow:hidden; | ||
} | } |
Revision as of 16:09, 21 July 2023
/* ----- flex styling ------ */
.library-container-mini{
display: flex;
flex-flow: row wrap;
justify-content:space-between;
gap: 0 20px;
width:100%;
}
.library-card-mini-content{
display: inline-grid;
grid-template-columns: 45px 155px;
grid-template-rows: 1fr;
height:75px;
overflow:hidden;
}
.library-card-mini img{
height:35px;
width:35px;
vertical-align:middle;
object-fit:cover;
border-radius:5px;
margin-right:5px;
transform:scale(1); /* cancels the scale-in effect that the library cards have*/
}
.library-card-mini img:hover{
transform:scale(1);
}
.library-card-mini-text{
grid-column-start:2;
grid-column-end:3;
}
.library-card-mini-title{
height:0;
width:0;
position:relative;
}
.library-card-mini-TOC{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
}