generated from bisco/codex-bootstrap
fix: balance lessons grid divider
This commit is contained in:
@@ -197,7 +197,30 @@ blockquote { margin: 2rem 0 0; padding-left: 1.5rem; border-left: 3px solid var(
|
||||
.split-grid { grid-template-columns: 0.95fr 1.05fr; }
|
||||
.feature-grid { grid-template-columns: repeat(3, 1fr); }
|
||||
.lesson-panel { grid-template-columns: 1.5fr 0.8fr; }
|
||||
.lesson-details { grid-template-columns: repeat(2, 1fr); }
|
||||
.lesson-details {
|
||||
position: relative;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0 3rem;
|
||||
}
|
||||
.lesson-details::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 2rem;
|
||||
left: 2rem;
|
||||
height: 1px;
|
||||
content: "";
|
||||
background: var(--color-border);
|
||||
}
|
||||
.lesson-details div {
|
||||
display: flex;
|
||||
min-height: 7rem;
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.lesson-details div:nth-child(-n+2) { padding-bottom: 1.45rem; }
|
||||
.lesson-details div:nth-child(n+3) { padding-top: 1.45rem; }
|
||||
.shows-grid { grid-template-columns: repeat(2, 1fr); }
|
||||
.gallery-grid { grid-template-columns: repeat(4, 1fr); }
|
||||
.gallery-item:nth-child(3n + 1) { grid-column: span 2; }
|
||||
|
||||
Reference in New Issue
Block a user