UserCSS:ページリストの見出しに画像をつける
変数定義
code:style.css
:root {
/* 7 ページタイトルのアイキャッチ */
--eye-chacher: url(https://i.gyazo.com/6c9dd76ad4607143ea616014f8a7cfe8.jpg); /* haku*/
}
ページリストの見出しにアイキャッチをつける
code:style.css
/*.grid li.page-list-item > ahref^="/suto3/" > .content > .header > .title::after {*/
.grid li.page-list-item > ahref^="/suto3/" > .content > .header > .title::before {
/* content: '🌱 '; /* */
content: ''; /* */
width: 1em;
height: 1em;
/*width: 12px; /* */
/*height: 3px; /* */
padding: 3px 12px; /* xxx*/
/* padding-left: 14px; /* */
/*padding: 1em; /* */
/* padding: 12px; /* */
/* position: absolute; /* */
position: right center; /* */
/* position: left bottom; /* */
/* position: left top; /* */
/* margin-left: 14px; /* */
background-image: var(--eye-chacher); /* */
/* background-size: cover; /* */
background-size: contain; /* */
/* background-size: auto; /* */
background-repeat: no-repeat; /* */
border-radius: 4px;
/* border-style: solid; border-color: red; /* */
}
UserCSS:ページリスト
UserCSS.icon
https://img.shields.io/badge/UserCSS-ページリストの見出しに画像をつける-1572B6.svg?logo=css3&style=for-the-badge