fix: align mobile pull quote crop

This commit is contained in:
Keith Solomon
2026-06-27 19:00:12 -05:00
parent 445269d291
commit 8a601d90cb
2 changed files with 26 additions and 10 deletions
+19 -4
View File
@@ -47,27 +47,42 @@
@media (max-width: 767px) {
.pull-quote {
background: color-mix(in oklch, var(--color-cwc-blue-03) 30%, white);
border-bottom-width: 1rem;
border-bottom: 0;
height: calc(89.8vw - 1px);
}
.pull-quote::after {
background: var(--color-cwc-blue-03);
bottom: 0;
content: "";
height: 1rem;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.pull-quote .pull-quote__vector {
bottom: 1rem;
}
.pull-quote .pull-quote__vector img {
height: 100%;
object-fit: cover;
object-position: 30% center;
object-position: left center;
width: 100%;
}
.pull-quote .pull-quote__content {
align-items: center;
display: flex;
height: 100%;
height: calc(100% - 1rem);
padding: 2.5rem 2rem;
}
.pull-quote .pull-quote__text {
font-size: clamp(1.25rem, 5.535vw, 1.390625rem);
line-height: clamp(1.5rem, 6.72vw, 1.6875rem);
line-height: clamp(1.5rem, 6.78vw, 1.703125rem);
width: 100%;
}
}