fixed posts width
This commit is contained in:
@@ -313,9 +313,7 @@ code, pre, kbd, samp {
|
|||||||
/* ───── Salon prose — exhibit plaque body ───── */
|
/* ───── Salon prose — exhibit plaque body ───── */
|
||||||
.prose {
|
.prose {
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
max-width: 62ch;
|
max-width: none;
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
line-height: 1.75;
|
line-height: 1.75;
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
font-family: var(--font-sans);
|
font-family: var(--font-sans);
|
||||||
@@ -470,10 +468,12 @@ code, pre, kbd, samp {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
transparent,
|
transparent 0%,
|
||||||
color-mix(in srgb, var(--mauve) 55%, transparent) 18%,
|
color-mix(in srgb, var(--mauve) 55%, transparent) 22%,
|
||||||
color-mix(in srgb, var(--mauve) 55%, transparent) 82%,
|
transparent 45%,
|
||||||
transparent
|
transparent 55%,
|
||||||
|
color-mix(in srgb, var(--mauve) 55%, transparent) 78%,
|
||||||
|
transparent 100%
|
||||||
);
|
);
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
@@ -487,7 +487,6 @@ code, pre, kbd, samp {
|
|||||||
height: 0.5rem;
|
height: 0.5rem;
|
||||||
transform: translate(-50%, -50%) rotate(45deg);
|
transform: translate(-50%, -50%) rotate(45deg);
|
||||||
background: var(--mauve);
|
background: var(--mauve);
|
||||||
box-shadow: 0 0 0 0.5rem var(--base);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.prose strong { color: inherit; font-weight: 700; }
|
.prose strong { color: inherit; font-weight: 700; }
|
||||||
@@ -560,9 +559,7 @@ code, pre, kbd, samp {
|
|||||||
gap: 0.9rem;
|
gap: 0.9rem;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
margin: 2.5rem 0;
|
margin: 2.5rem 0;
|
||||||
/* Let the row breathe past the column when it gets dense. */
|
width: 100%;
|
||||||
width: calc(100% + min(8vw, 4rem));
|
|
||||||
margin-left: calc(min(8vw, 4rem) / -2);
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
.prose .figure-row {
|
.prose .figure-row {
|
||||||
|
|||||||
Reference in New Issue
Block a user