.glp-list {
--glp-min: 220px; --glp-gap: 1rem; list-style: none;
margin: 0;
padding: 0;
} .glp--full { width: 100%; max-width: none; } .glp--grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--glp-min), 1fr));
gap: var(--glp-gap);
} .glp--full.glp--grid {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.glp--grid .glp-item {
display: block;
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
background: #fff;
}
.glp--grid .glp-thumb {
width: 100%;
height: 160px;
object-fit: cover;
display: block;
}
.glp--grid .glp-content { padding: .75rem; } .glp--list { display: block; }
.glp--list .glp-item {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 12px 0;
border-bottom: 1px solid #eee;
}
.glp--list .glp-thumb {
width: 120px;
height: 80px;
flex: 0 0 auto;
object-fit: cover;
border-radius: 6px;
}
.glp--list .glp-content { flex: 1 1 auto; } .glp--compact {
--glp-min: 200px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--glp-min), 1fr));
gap: .75rem;
}
.glp--full.glp--compact {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.glp--compact .glp-item {
border: 1px solid #eee;
border-radius: 8px;
background: #fff;
}
.glp--compact .glp-thumb {
width: 100%;
height: 140px;
object-fit: cover;
display: block;
}
.glp--compact .glp-content { padding: .5rem; } .glp-meta { font-size: .85rem; color: #666; }
.glp-title { margin: 0 0 .25rem; line-height: 1.3; }
.glp-title a { text-decoration: none; color: inherit; }
.glp-excerpt { margin: .25rem 0 0; }