scrapbox-style-grid-list-items
scrapbox-style
.page-list-item (scrapbox)
(Log2022-01-30) scrapbox の page-list-item grid-style-item に表示される icon画像を letter box のようにしたいのだが
pollenjp/scrapbox/tree/main/css (github.com)
code:style.css
.grid li.page-list-item .content .header,
.grid li.page-list-item .content .header .title {
border-top: 0px;
font-size: 14px;
padding: 0px;
margin: 0px;
}
/*
.grid li.page-list-item .content .header {
height: 40%;
}
*/
.grid li.page-list-item .content .header .title {
max-height: 100%;
}
.grid li.page-list-item a .icon {
position: absolute;
max-height: 60%;
top: 40%;
left: 50%;
width: 100%;
height: 100%;
margin: 0;
max-width: inherit;
transform: translate(-50%, 0%);
}
.grid li.page-list-item a .icon img {
margin: auto;
object-fit: contain;
width: inherit;
height: inherit;
}
img {
background-color: rgba(255, 255, 255, 1.0);
}
.page-list-item img {
background-color: rgba(255, 255, 255, 0.4);
}