More languages
More actions
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
Line 7: | Line 7: | ||
width:100%; | width:100%; | ||
} | } | ||
/* ----- grid styling ------ | |||
.library-container-mini{ | |||
display: grid; | |||
grid-template-columns: repeat(3, 1fr); | |||
} */ | |||
.library-card-mini { | .library-card-mini { | ||
Line 12: | Line 18: | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
align-items: | align-items:baseline; | ||
width: | width:200px; | ||
overflow:hidden; | overflow:hidden; | ||
} | } |
Revision as of 11:45, 21 July 2023
/* ----- flex styling ------ */
.library-container-mini{
display: flex;
flex-flow: row wrap;
justify-content:flex-start;
gap: 0px 20px;
width:100%;
}
/* ----- grid styling ------
.library-container-mini{
display: grid;
grid-template-columns: repeat(3, 1fr);
} */
.library-card-mini {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items:baseline;
width:200px;
overflow:hidden;
}
.library-card-mini img{
height:35px;
width:35px;
vertical-align:middle;
object-fit:cover;
overflow:hidden;
border-radius:4px;
margin-right:5px;
}
.library-card-mini-title{
height:0;
width:0;
position:relative;
}
.library-card-mini-TOC{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
}