settings
code:style.css
.navbar-brand::before {
content: '';
width: 44px;
height: 44px;
position: absolute;
background-color: #252A30;
background-image: url(https://daiiz-apps.appspot.com/today/jp.svg);
background-size: cover;
background-position: center;
border-radius: 6px;
}
@media (prefers-color-scheme: dark) {
.navbar-brand::before {
background-color: #252A30;
}
}
@media (prefers-color-scheme: light) {
.navbar-brand::before {
background-color: #ccc;
}
}
code:style.css
.line img.image {
max-height: none !important;
max-width: 95% !important;
}
code:style.css
/* ピンしたページのスタイル */
.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: '\f08d'; font-family: 'FontAwesome'; font-size: 20px; color: #A45AFF; bottom: 0;
display: inline-block; transform: rotate(35deg) }
code:style.css
/* 短冊記法 */
.line:not(.cursor-line) class="deco-| deco-&" { display: inline-flex; flex-wrap: wrap }
.line class="deco-| deco-&" > span { width: calc(100%/5); overflow: hidden }
.line class="deco-| deco-&" img.image { object-fit: cover !important; margin: .2em; height: 30vh }