ピン留めをわけるCSS

code:style.css

.grid li.pin {

height: 32px !important;

width: 10em !important;

margin-right: 5px !important;

margin-bottom: 5px;

}

.grid li.pin a {

background-color: var(--card-bg) !important;

width: inherit !important;

border-radius: 7px;

height: inherit !important;

margin: none !important;

box-shadow: none !important;

}

.grid li.pin .header {

border-top:none !important;

padding: 6px 5px !important;

}

.grid li.pin .title {

font-size: 12px !important;

color: var(--card-title-color) !important;

max-height: 20px !important;

text-align: center !important;

}

.grid li.pin .content :is(.description,.icon) {display: none !important;}

.page-list-item a .pin {background: none !important;}

code:style.css

/* ピン留めされてるカードの段を分ける */

.page-list-item.pin + .page-list-item:not(.pin) {

clear: both;

}

code:css

/* ピン留めのスタイルを消す */

.grid li.page-list-item a .pin {

width: 100% ;

height: 100% ;

border-radius: 0px ;

background-image: none ;

}

.grid li.page-list-item a .pin::before,

.grid li.page-list-item a .pin::after {

display: block ;

content: '' ;

position: absolute ;

width: 13em ;

}

.grid li.page-list-item a .pin::before {

;

}

.grid li.page-list-item a .pin::after {

}