generated from bisco/codex-bootstrap
merge: lessons grid divider refinements into wp
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; }
|
.split-grid { grid-template-columns: 0.95fr 1.05fr; }
|
||||||
.feature-grid { grid-template-columns: repeat(3, 1fr); }
|
.feature-grid { grid-template-columns: repeat(3, 1fr); }
|
||||||
.lesson-panel { grid-template-columns: 1.5fr 0.8fr; }
|
.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); }
|
.shows-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
.gallery-grid { grid-template-columns: repeat(4, 1fr); }
|
.gallery-grid { grid-template-columns: repeat(4, 1fr); }
|
||||||
.gallery-item:nth-child(3n + 1) { grid-column: span 2; }
|
.gallery-item:nth-child(3n + 1) { grid-column: span 2; }
|
||||||
|
|||||||
Reference in New Issue
Block a user