From e45ddf0c4c59acf3bc98ce0c5c13229b733b5cfa Mon Sep 17 00:00:00 2001 From: Kurtis Holsapple Date: Tue, 17 Jun 2025 11:30:13 -0700 Subject: [PATCH] responsive stuff --- dist/app.css | 13 ++++++++++++- dist/mix-manifest.json | 2 +- src/scss/flex-testimonials.scss | 11 ++++++++++- 3 files changed, 23 insertions(+), 3 deletions(-) diff --git a/dist/app.css b/dist/app.css index bb4de27..ee5862d 100644 --- a/dist/app.css +++ b/dist/app.css @@ -12653,12 +12653,22 @@ footer.sub-footer { .testimonials-section .testimonials .slick-arrow.slick-next { right: 4rem; } +@media (max-width: 767.98px) { + .testimonials-section .testimonials .slick-arrow.slick-next { + right: 2rem; + } +} .testimonials-section .testimonials .slick-arrow.slick-next:before { content: ""; } .testimonials-section .testimonials .slick-arrow.slick-prev { left: 4rem; } +@media (max-width: 767.98px) { + .testimonials-section .testimonials .slick-arrow.slick-prev { + left: 2rem; + } +} .testimonials-section .testimonials .slick-arrow.slick-prev:before { content: ""; } @@ -12710,7 +12720,8 @@ footer.sub-footer { } @media (max-width: 767.98px) { .testimonials-section .testimonials .testimonial .quote { - font-size: 16px; + font-size: 20px; + line-height: 24px; } } .testimonials-section .testimonials .testimonial .person-details { diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index dec6e3d..f4c4038 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=8af0c9c0d989b79afe124f8138dc1a63", - "/app.css": "/app.css?id=5873c4fef1af7d146a9d3805e543e88d" + "/app.css": "/app.css?id=9c6c128de14d4fb5a3e1c5ce08e8ba82" } diff --git a/src/scss/flex-testimonials.scss b/src/scss/flex-testimonials.scss index 1b5bff8..03b1b9a 100644 --- a/src/scss/flex-testimonials.scss +++ b/src/scss/flex-testimonials.scss @@ -30,6 +30,10 @@ &.slick-next { right: 4rem; + @include media-breakpoint-down(md) { + right: 2rem; + } + &:before { content: "" } @@ -38,6 +42,10 @@ &.slick-prev { left: 4rem; + @include media-breakpoint-down(md) { + left: 2rem; + } + &:before { content: "" } @@ -105,7 +113,8 @@ margin-bottom: 3rem; @include media-breakpoint-down(md) { - font-size: 16px; + font-size: 20px; + line-height: 24px; } }