settings
code:style.css
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1 !important;
}
code:style.css
CSS .page-list {
.grid {
li.pin {
a {
width: 100%;
outline: none;
.content {
height: 100%;
flex-direction: row-reverse;
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
.header.pinned {
position: absolute;
bottom: 5px;
right: 0;
padding: 0;
width: auto;
display: block;
z-index: 1;
.title {
color: transparent;
font-weight: 500;
-webkit-background-clip: text;
background-image: linear-gradient(to right, #272822 50%, #272822 50%); background-size: 200% 100%;
background-position-x: 0;
padding: 0 5px 0 7px;
width: auto;
}
}
.description {
display: none;
}
}
}
/* a */
&:first-of-type {
grid-column-start: span 2;
grid-row-start: span 2;
}
}
}
}
.page-list,
.related-page-list {
.grid {
li {
aspect-ratio: 1/1;
&.pin+li:not(.pin) {
grid-column-start: 1;
}
a {
box-shadow: none;
border-radius: 0px;
overflow: visible;
.content {
height: 100%;
.header {
border-top: none;
.title {
text-align: center;
}
}
}
}
}
}
}CSS
.page-list {
.grid {
li.pin {
a {
width: 100%;
outline: none;
.content {
height: 100%;
flex-direction: row-reverse;
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
.header.pinned {
position: absolute;
bottom: 5px;
right: 0;
padding: 0;
width: auto;
display: block;
z-index: 1;
.title {
color: transparent;
font-weight: 500;
-webkit-background-clip: text;
background-image: linear-gradient(to right, #272822 50%, #272822 50%); background-size: 200% 100%;
background-position-x: 0;
padding: 0 5px 0 7px;
width: auto;
}
}
.description {
display: none;
}
}
}
/* a */
&:first-of-type {
grid-column-start: span 2;
grid-row-start: span 2;
}
}
}
}
.page-list,
.related-page-list {
.grid {
li {
aspect-ratio: 1/1;
&.pin+li:not(.pin) {
grid-column-start: 1;
}
a {
box-shadow: none;
border-radius: 0px;
overflow: visible;
.content {
height: 100%;
.header {
border-top: none;
.title {
text-align: center;
}
}
}
}
}
}
}`
あ
あああ