From 054b09e69ec3fb071e6cc6fe9b072cc22df0c39f Mon Sep 17 00:00:00 2001 From: Haley Date: Thu, 9 Jan 2025 13:15:25 -0800 Subject: [PATCH] WIP --- .../themes/medicalalert/dist/app.css | 44 ++++---- .../medicalalert/dist/mix-manifest.json | 2 +- .../medicalalert/src/scss/icon-info-grid.scss | 10 +- .../src/scss/product-carousel.scss | 20 ++-- .../src/scss/testimonial-carousel.scss | 47 ++++---- .../themes/medicalalert/tpl/col3_card.tpl | 102 +++++++++--------- .../tpl/image_with_icon_info_grid.tpl | 4 +- .../medicalalert/tpl/testimonial_carousel.tpl | 5 +- 8 files changed, 119 insertions(+), 115 deletions(-) diff --git a/wp/wp-content/themes/medicalalert/dist/app.css b/wp/wp-content/themes/medicalalert/dist/app.css index 24f0b0ca..733fc6c3 100644 --- a/wp/wp-content/themes/medicalalert/dist/app.css +++ b/wp/wp-content/themes/medicalalert/dist/app.css @@ -12336,6 +12336,9 @@ body { grid-template-rows: 1fr auto 1fr; width: 100%; } +.icon-info-grid-slice-container .icon-card-wrapper .icon-card .icon-img { + height: 37px; +} .icon-info-grid-slice-container .icon-card-wrapper .icon-card .icon-img img { max-width: 37px; height: auto; @@ -12436,25 +12439,27 @@ body { max-width: 300px; } -.product-carousel-slice-container .slick-prev:before, -.product-carousel-slice-container .slick-next:before { - opacity: 0; -} -.product-carousel-slice-container .slick-dots { - bottom: -3px; - left: -112px; +@media (min-width: 992px) { + .product-carousel-slice-container .slick-dots { + bottom: 1%; + left: -12%; + } } .product-carousel-slice-container .slick-dots li button { padding: 0; } .product-carousel-slice-container .slick-dots li button::before { font-size: 12px; - color: white; opacity: 0.9; + color: white; } .product-carousel-slice-container .slick-dots .slick-active button::before { color: #507CFF; } +.product-carousel-slice-container .slick-prev:before, +.product-carousel-slice-container .slick-next:before { + opacity: 0; +} .product-carousel-slice-container .products .product-slide .product-image img { width: 100%; background: white; @@ -12505,10 +12510,6 @@ body { max-width: 250px; } -.testimonial-carousel-slice-container .testimonials .testimonial-image img { - width: 250px; - height: 250px; -} .testimonial-carousel-slice-container .testimonials .title { color: #7e5bef !important; text-align: start; @@ -12520,20 +12521,23 @@ body { font-size: 12px; } -.consumer-brand .testimonial-carousel-slice-container .slick-dots li button::before { +.testimonial-carousel-slice-container .slick-dots li button { + padding: 0; +} +.testimonial-carousel-slice-container .slick-dots li button::before { + font-size: 12px; color: #507CFF; } -.consumer-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before { +.testimonial-carousel-slice-container .slick-dots .slick-active button::before { color: #507CFF; } -.business-brand .testimonial-carousel-slice-container .slick-dots li button::before { - color: #507CFF; +@media (min-width: 992px) { + .slick-dots { + bottom: 0; + left: -12%; + } } -.business-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before { - color: #00447C; -} - .testimonial-slice-container { padding-bottom: 9rem; } diff --git a/wp/wp-content/themes/medicalalert/dist/mix-manifest.json b/wp/wp-content/themes/medicalalert/dist/mix-manifest.json index 910175ea..b150bf43 100644 --- a/wp/wp-content/themes/medicalalert/dist/mix-manifest.json +++ b/wp/wp-content/themes/medicalalert/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05", - "/app.css": "/app.css?id=761e43848c928eae130fd5702a51fe19" + "/app.css": "/app.css?id=1e79f8d47e56e71141377b223123b63c" } diff --git a/wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss b/wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss index 41a784e0..d438b576 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss @@ -5,9 +5,13 @@ grid-template-rows: 1fr auto 1fr; width: 100%; - .icon-img img { - max-width: 37px; - height: auto; + .icon-img { + height: 37px; + + img { + max-width: 37px; + height: auto; + } } } diff --git a/wp/wp-content/themes/medicalalert/src/scss/product-carousel.scss b/wp/wp-content/themes/medicalalert/src/scss/product-carousel.scss index 00cc64ae..875b3795 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/product-carousel.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/product-carousel.scss @@ -1,22 +1,20 @@ .product-carousel-slice-container { - - .slick-prev:before, - .slick-next:before { - opacity: 0; + @include media-breakpoint-up(lg) { + .slick-dots { + bottom: 1%; + left: -12%; + } } .slick-dots { - bottom: -3px; - left: -112px; - li { button { padding: 0; &::before { font-size: 12px; - color: white; opacity: .9; + color: white; } } } @@ -26,6 +24,12 @@ } } + // hide arrows + .slick-prev:before, + .slick-next:before { + opacity: 0; + } + .products { .product-slide { .g-sky-border { diff --git a/wp/wp-content/themes/medicalalert/src/scss/testimonial-carousel.scss b/wp/wp-content/themes/medicalalert/src/scss/testimonial-carousel.scss index be3a96f1..a22da063 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/testimonial-carousel.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/testimonial-carousel.scss @@ -2,8 +2,8 @@ .testimonials { .testimonial-image { img { - width: 250px; - height: 250px; + // width: 250px; + // height: 250px; } } @@ -22,38 +22,29 @@ } } -.consumer-brand { - .testimonial-carousel-slice-container { - .slick-dots { - li { - button { - &::before { - color: #507CFF; - } + +.testimonial-carousel-slice-container { + .slick-dots { + li { + button { + padding: 0; + + &::before { + font-size: 12px; + color: #507CFF; } } + } - .slick-active button::before { - color: #507CFF; - } + .slick-active button::before { + color: #507CFF; } } } -.business-brand { - .testimonial-carousel-slice-container { - .slick-dots { - li { - button { - &::before { - color: #507CFF; - } - } - } - - .slick-active button::before { - color: $business-primary; - } - } +@include media-breakpoint-up(lg) { + .slick-dots { + bottom: 0; + left: -12%; } } \ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/tpl/col3_card.tpl b/wp/wp-content/themes/medicalalert/tpl/col3_card.tpl index 77b5329c..72afa27f 100644 --- a/wp/wp-content/themes/medicalalert/tpl/col3_card.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/col3_card.tpl @@ -1,57 +1,59 @@ -
+
{{#if radial_graphic}} -
- - - - - - - - - - +
+
+ + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
{{/if}}
diff --git a/wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl b/wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl index 0ac0b8c0..58ffd040 100644 --- a/wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl @@ -2,12 +2,12 @@
-
+
{{image.alt}}
-
+
{{#each icon_info_cards}} diff --git a/wp/wp-content/themes/medicalalert/tpl/testimonial_carousel.tpl b/wp/wp-content/themes/medicalalert/tpl/testimonial_carousel.tpl index f8c721d8..1fa0c9aa 100644 --- a/wp/wp-content/themes/medicalalert/tpl/testimonial_carousel.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/testimonial_carousel.tpl @@ -7,12 +7,12 @@ {{#each testimonials}}
-
+
{{image.alt}}
-
+
@@ -45,7 +45,6 @@ arrows: false, dots: true, autoplay: true, - arrows: true, }); });