ofco/medicalalert-web-reloaded
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Haley Bristol
2025-01-09 13:15:25 -08:00
parent d0c66fdbfb
commit 054b09e69e
8 changed files with 119 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
wp/wp-content/themes/medicalalert/dist/app.css vendored
View File

@@ -12336,6 +12336,9 @@ body {
grid-template-rows: 1fr auto 1fr; grid-template-rows: 1fr auto 1fr;
width: 100%; 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 { .icon-info-grid-slice-container .icon-card-wrapper .icon-card .icon-img img {
max-width: 37px; max-width: 37px;
height: auto; height: auto;
@@ -12436,25 +12439,27 @@ body {
max-width: 300px; max-width: 300px;
} }
.product-carousel-slice-container .slick-prev:before, @media (min-width: 992px) {
.product-carousel-slice-container .slick-next:before {
opacity: 0;
}
.product-carousel-slice-container .slick-dots { .product-carousel-slice-container .slick-dots {
bottom: -3px; bottom: 1%;
left: -112px; left: -12%;
}
} }
.product-carousel-slice-container .slick-dots li button { .product-carousel-slice-container .slick-dots li button {
padding: 0; padding: 0;
} }
.product-carousel-slice-container .slick-dots li button::before { .product-carousel-slice-container .slick-dots li button::before {
font-size: 12px; font-size: 12px;
color: white;
opacity: 0.9; opacity: 0.9;
color: white;
} }
.product-carousel-slice-container .slick-dots .slick-active button::before { .product-carousel-slice-container .slick-dots .slick-active button::before {
color: #507CFF; 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 { .product-carousel-slice-container .products .product-slide .product-image img {
width: 100%; width: 100%;
background: white; background: white;
@@ -12505,10 +12510,6 @@ body {
max-width: 250px; max-width: 250px;
} }
.testimonial-carousel-slice-container .testimonials .testimonial-image img {
width: 250px;
height: 250px;
}
.testimonial-carousel-slice-container .testimonials .title { .testimonial-carousel-slice-container .testimonials .title {
color: #7e5bef !important; color: #7e5bef !important;
text-align: start; text-align: start;
@@ -12520,20 +12521,23 @@ body {
font-size: 12px; 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; 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; color: #507CFF;
} }
.business-brand .testimonial-carousel-slice-container .slick-dots li button::before { @media (min-width: 992px) {
color: #507CFF; .slick-dots {
bottom: 0;
left: -12%;
} }
.business-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before {
color: #00447C;
} }
.testimonial-slice-container { .testimonial-slice-container {
padding-bottom: 9rem; padding-bottom: 9rem;
} }

2
wp/wp-content/themes/medicalalert/dist/mix-manifest.json vendored
View File

@@ -1,4 +1,4 @@
{ {
"/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05", "/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05",
"/app.css": "/app.css?id=761e43848c928eae130fd5702a51fe19" "/app.css": "/app.css?id=1e79f8d47e56e71141377b223123b63c"
} }

6
wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss
View File

@@ -5,10 +5,14 @@
grid-template-rows: 1fr auto 1fr; grid-template-rows: 1fr auto 1fr;
width: 100%; width: 100%;
.icon-img img { .icon-img {
height: 37px;
img {
max-width: 37px; max-width: 37px;
height: auto; height: auto;
} }
}
} }
} }

20
wp/wp-content/themes/medicalalert/src/scss/product-carousel.scss
View File

@@ -1,22 +1,20 @@
.product-carousel-slice-container { .product-carousel-slice-container {
@include media-breakpoint-up(lg) {
.slick-prev:before, .slick-dots {
.slick-next:before { bottom: 1%;
opacity: 0; left: -12%;
}
} }
.slick-dots { .slick-dots {
bottom: -3px;
left: -112px;
li { li {
button { button {
padding: 0; padding: 0;
&::before { &::before {
font-size: 12px; font-size: 12px;
color: white;
opacity: .9; opacity: .9;
color: white;
} }
} }
} }
@@ -26,6 +24,12 @@
} }
} }
// hide arrows
.slick-prev:before,
.slick-next:before {
opacity: 0;
}
.products { .products {
.product-slide { .product-slide {
.g-sky-border { .g-sky-border {

27
wp/wp-content/themes/medicalalert/src/scss/testimonial-carousel.scss
View File

@@ -2,8 +2,8 @@
.testimonials { .testimonials {
.testimonial-image { .testimonial-image {
img { img {
width: 250px; // width: 250px;
height: 250px; // height: 250px;
} }
} }
@@ -22,12 +22,15 @@
} }
} }
.consumer-brand {
.testimonial-carousel-slice-container { .testimonial-carousel-slice-container {
.slick-dots { .slick-dots {
li { li {
button { button {
padding: 0;
&::before { &::before {
font-size: 12px;
color: #507CFF; color: #507CFF;
} }
} }
@@ -38,22 +41,10 @@
} }
} }
} }
}
.business-brand { @include media-breakpoint-up(lg) {
.testimonial-carousel-slice-container {
.slick-dots { .slick-dots {
li { bottom: 0;
button { left: -12%;
&::before {
color: #507CFF;
}
}
}
.slick-active button::before {
color: $business-primary;
}
}
} }
} }

4
wp/wp-content/themes/medicalalert/tpl/col3_card.tpl
View File

@@ -1,6 +1,7 @@
<!-- Col3 Card BEGIN --> <!-- Col3 Card BEGIN -->
<section class="container-fluid col3-card-slice-container p-relative z-0 bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}"> <section class="container-fluid col3-card-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
{{#if radial_graphic}} {{#if radial_graphic}}
<div class="p-relative">
<div class="p-absolute radial-top z-1"> <div class="p-absolute radial-top z-1">
<svg class="w-100" width="645" height="1023" viewBox="0 0 645 1023" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg class="w-100" width="645" height="1023" viewBox="0 0 645 1023" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_293_290" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-378" y="0" width="1023" height="1023"> <mask id="mask0_293_290" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-378" y="0" width="1023" height="1023">
@@ -53,6 +54,7 @@
</svg> </svg>
</div> </div>
</div>
{{/if}} {{/if}}
<div class="container"> <div class="container">
<div class="row"> <div class="row">

4
wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl
View File

@@ -2,12 +2,12 @@
<section class="image-with-icon-info-grid-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}"> <section class="image-with-icon-info-grid-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container"> <div class="container">
<div class="row gx-5"> <div class="row gx-5">
<div class="col-12 col-md col-lg-4 order-md-{{alignment}} align-self-center py-3"> <div class="col-12 col-lg-4 order-md-{{alignment}} align-self-center py-3">
<div class="g-purple-border me-3"> <div class="g-purple-border me-3">
<img class="w-100" src="{{image.url}}" alt="{{image.alt}}"> <img class="w-100" src="{{image.url}}" alt="{{image.alt}}">
</div> </div>
</div> </div>
<div class="col-12 col-md col-lg-8 my-auto py-3"> <div class="col-12 col-lg-8 my-auto py-3">
<div class="icon-info-grid"> <div class="icon-info-grid">
<div class="row row-cols-lg-2 gx-3 gy-3"> <div class="row row-cols-lg-2 gx-3 gy-3">
{{#each icon_info_cards}} {{#each icon_info_cards}}

5
wp/wp-content/themes/medicalalert/tpl/testimonial_carousel.tpl
View File

@@ -7,12 +7,12 @@
{{#each testimonials}} {{#each testimonials}}
<div class="testimonial"> <div class="testimonial">
<div class="row gx-4"> <div class="row gx-4">
<div class="col-auto d-flex align-items-center"> <div class="col-12 col-lg-4 d-flex align-items-center">
<div class="testimonial-image {{../border_color}}"> <div class="testimonial-image {{../border_color}}">
<img class="w-100" src="{{image.url}}" alt="{{image.alt}}"> <img class="w-100" src="{{image.url}}" alt="{{image.alt}}">
</div> </div>
</div> </div>
<div class="col d-flex align-items-center"> <div class="col-12 col-lg-8 ps-lg-4 d-flex align-items-center">
<div> <div>
<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="#E0D6FB" /> <path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="#E0D6FB" />
@@ -45,7 +45,6 @@
arrows: false, arrows: false,
dots: true, dots: true,
autoplay: true, autoplay: true,
arrows: true,
}); });
}); });
</script> </script>