From 384cddb5a30922f7e25fbd1946ac7589897db2e9 Mon Sep 17 00:00:00 2001 From: Tony Volpe Date: Tue, 23 Jul 2024 15:51:16 +0000 Subject: [PATCH] MAW-894: CSS updates --- .../themes/medicalalert/dist/app.css | 118 +++++++++--------- .../medicalalert/dist/mix-manifest.json | 2 +- wp/wp-content/themes/medicalalert/header.php | 2 +- .../medicalalert/src/scss/_variables.scss | 4 +- .../medicalalert/src/scss/faq-dropdown.scss | 2 +- .../themes/medicalalert/src/scss/footer.scss | 2 +- .../themes/medicalalert/src/scss/global.scss | 2 +- .../themes/medicalalert/src/scss/header.scss | 2 +- .../medicalalert/tpl/single_product.tpl | 6 +- 9 files changed, 70 insertions(+), 70 deletions(-) diff --git a/wp/wp-content/themes/medicalalert/dist/app.css b/wp/wp-content/themes/medicalalert/dist/app.css index 6426c971..b77c0143 100644 --- a/wp/wp-content/themes/medicalalert/dist/app.css +++ b/wp/wp-content/themes/medicalalert/dist/app.css @@ -2,7 +2,7 @@ @charset "UTF-8"; /* Colors */ .consumer-primary { - color: #660037; + color: #000066; } .headline-largest { @@ -10,7 +10,7 @@ font-weight: 700; line-height: 58px; margin-bottom: unset; - color: #660037; + color: #000066; } .headline-large { @@ -18,7 +18,7 @@ font-weight: 700; line-height: 55px; margin-bottom: unset; - color: #660037; + color: #000066; } .headline-standard { @@ -48,7 +48,7 @@ --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; - --bs-orange: #E86826; + --bs-orange: #CC0033; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; @@ -11199,7 +11199,7 @@ textarea.form-control-lg { } } body { - font-family: "Nunito Sans", sans-serif; + font-family: "Inter", sans-serif; } h1, .headline-largest, .h1 { @@ -11209,7 +11209,7 @@ h1, .headline-largest, .h1 { } .consumer-brand h1, .consumer-brand .headline-largest, .consumer-brand .h1 { - color: #660037; + color: #000066; } .business-brand h1, .business-brand .headline-largest, .business-brand .h1 { @@ -11223,7 +11223,7 @@ h2, .headline-large, .h2 { } .consumer-brand h2, .consumer-brand .headline-large, .consumer-brand .h2 { - color: #660037; + color: #000066; } .business-brand h2, .business-brand .headline-large, .business-brand .h2 { @@ -11237,7 +11237,7 @@ h3, .headline-standard, .h3 { } .consumer-brand h3, .consumer-brand .headline-standard, .consumer-brand .h3 { - color: #660037; + color: #000066; } .business-brand h3, .business-brand .headline-standard, .business-brand .h3 { @@ -11251,7 +11251,7 @@ h4, .headline-small, .h4 { } .consumer-brand h4, .consumer-brand .headline-small, .consumer-brand .h4 { - color: #660037; + color: #000066; } .business-brand h4, .business-brand .headline-small, .business-brand .h4 { @@ -11288,7 +11288,7 @@ button[type=submit].single_add_to_cart_button, #searchBtn { border: none; padding: 8px 20px; - background-color: #E86826 !important; + background-color: #CC0033 !important; color: #FFFFFF !important; font-size: 25px; font-weight: 600; @@ -11301,7 +11301,7 @@ button[type=submit].single_add_to_cart_button, .button--primary { border: none; padding: 8px 20px; - background-color: #E86826; + background-color: #CC0033; /* Define the actual color, not a variable */ color: #FFFFFF; /* Define the actual color, not a variable */ @@ -11325,7 +11325,7 @@ button[type=submit].single_add_to_cart_button, } .bg-color-red { - background-color: #660037; + background-color: #000066; } .bg-color-red p { color: #FFFFFF; @@ -11336,7 +11336,7 @@ button[type=submit].single_add_to_cart_button, } .bg-color-blue { - background-color: #660037; + background-color: #000066; } .bg-color-top-white { @@ -11472,7 +11472,7 @@ button[type=submit].single_add_to_cart_button, } .border-color-red { - border: 2px solid #660037; + border: 2px solid #000066; } .border-color-black { @@ -11579,7 +11579,7 @@ button[type=submit].single_add_to_cart_button, object-fit: cover; } .col2-circle-content-slice-container .highlighted-circle-title { - color: #660037; + color: #000066; } .col2-circle-content-slice-container .highlighted-circle-copy p { line-height: 41px; @@ -11597,7 +11597,7 @@ button[type=submit].single_add_to_cart_button, border-radius: 50%; } .col2-circle-cta-list-slice-container .title { - color: #660037; + color: #000066; padding-bottom: 10px; } @@ -11625,7 +11625,7 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .col2-media-highlights-slice-container .copy strong { - color: #660037; + color: #000066; } .business-brand .col2-media-highlights-slice-container .copy strong { @@ -11637,7 +11637,7 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .col2-media-wysiwyg-slice-container .copy strong { - color: #660037; + color: #000066; } .business-brand .col2-media-wysiwyg-slice-container .copy strong { @@ -11665,7 +11665,7 @@ button[type=submit].single_add_to_cart_button, padding: 33px 25px 46px; } .col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-item-inner-wrapper .col3-card-title { - color: #660037; + color: #000066; } .col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-item-inner-wrapper .col3-card-link { position: absolute; @@ -11699,7 +11699,7 @@ button[type=submit].single_add_to_cart_button, } .header-color-red { - background-color: #660037; + background-color: #000066; } .header-color-red h4, .header-color-red .headline-small, .header-color-red .h4 { color: #FFFFFF; @@ -11729,7 +11729,7 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .faq-dropdown-slice-container .accordion-button { - background-color: #660037 !important; + background-color: #000066 !important; } .business-brand .faq-dropdown-slice-container .accordion-button { @@ -11742,7 +11742,7 @@ button[type=submit].single_add_to_cart_button, } .comsumer-brand .h1-heading-slice-container h1, .comsumer-brand .h1-heading-slice-container .headline-largest, .comsumer-brand .h1-heading-slice-container .h1 { - color: #660037; + color: #000066; } .business-brand .h1-heading-slice-container h1, .business-brand .h1-heading-slice-container .headline-largest, .business-brand .h1-heading-slice-container .h1 { @@ -11750,7 +11750,7 @@ button[type=submit].single_add_to_cart_button, } .comsumer-brand .h2-heading-slice-container h2, .comsumer-brand .h2-heading-slice-container .headline-large, .comsumer-brand .h2-heading-slice-container .h2 { - color: #660037; + color: #000066; } .business-brand .h2-heading-slice-container h2, .business-brand .h2-heading-slice-container .headline-large, .business-brand .h2-heading-slice-container .h2 { @@ -11766,7 +11766,7 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .hero-slice-container .hero-title { - color: #660037; + color: #000066; } .business-brand .hero-slice-container .hero-title { @@ -11796,7 +11796,7 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .icon-info-grid-slice-container .icon-card .title { - color: #660037; + color: #000066; } .business-brand .icon-info-grid-slice-container .icon-card .title { @@ -11807,7 +11807,7 @@ button[type=submit].single_add_to_cart_button, width: 55px; } .icon-video-aside-slice-container .icon-video-rows .info .title { - color: #660037; + color: #000066; } .icon-video-aside-slice-container .icon-video-rows .info .link { color: #036396 !important; @@ -11817,7 +11817,7 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .image-aside-slice-container .image-aside-copy strong { - color: #660037; + color: #000066; } .business-brand .image-aside-slice-container .image-aside-copy strong { @@ -11847,7 +11847,7 @@ button[type=submit].single_add_to_cart_button, width: 77px; } .image-with-icon-info-grid-slice-container .icon-info-grid .info .title { - color: #660037; + color: #000066; } .large-image-slice-container .large-image img { @@ -11873,7 +11873,7 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .phone-contact-slice-container .bold-copy a { - color: #660037; + color: #000066; } .business-brand .phone-contact-slice-container .bold-copy a { @@ -11892,10 +11892,10 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .call-title { - color: #660037; + color: #000066; } .consumer-brand .call-title a { - color: #660037; + color: #000066; } .business-brand .call-title { @@ -11944,7 +11944,7 @@ button[type=submit].single_add_to_cart_button, } } .products-list-slice-container .products-list-wrapper .products-list-item .products-list-item-inner-wrapper .products-list-title { - color: #660037; + color: #000066; } .products-list-slice-container .products-list-wrapper .products-list-item .products-list-item-inner-wrapper .products-list-link { position: absolute; @@ -11961,7 +11961,7 @@ button[type=submit].single_add_to_cart_button, border-radius: 50%; } .testimonial-carousel-slice-container .testimonials .title { - color: #660037; + color: #000066; text-align: start; } .testimonial-carousel-slice-container .testimonials .quote-attribution { @@ -11975,7 +11975,7 @@ button[type=submit].single_add_to_cart_button, color: rgba(102, 0, 55, 0.5); } .consumer-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before { - color: #660037; + color: #000066; } .business-brand .testimonial-carousel-slice-container .slick-dots li button::before { @@ -12014,7 +12014,7 @@ button[type=submit].single_add_to_cart_button, } .video-grid-slice-container .heading { - color: #660037; + color: #000066; } .video-grid-slice-container .video video { width: 100%; @@ -12120,10 +12120,10 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .main-header { - background: #660037; + background: #000066; } .consumer-brand #menu-consumer .dropdown-menu { - background: #660037; + background: #000066; } .business-brand .main-header { @@ -12136,7 +12136,7 @@ button[type=submit].single_add_to_cart_button, .get-started { border: none; padding: 0; - background-color: #E86826 !important; + background-color: #CC0033 !important; color: #FFFFFF !important; font-size: 25px; font-weight: 600; @@ -12190,7 +12190,7 @@ button[type=submit].single_add_to_cart_button, } .consumer-brand .site-footer .footer-wrapper { - background: #660037; + background: #000066; } .consumer-brand .site-footer .footer-bottom { background: #FFFFFF; @@ -12209,7 +12209,7 @@ button[type=submit].single_add_to_cart_button, font-size: 22px; font-weight: 700; letter-spacing: 2px; - background: #E86826; + background: #CC0033; } .banner-bottom .banner-bottom-wrapper { color: #FFFFFF; @@ -12236,7 +12236,7 @@ button[type=submit].single_add_to_cart_button, font-size: 0.75rem; font-weight: 900; background: #fff; - color: #E86826; + color: #CC0033; padding: 4px 8px; } @media (min-width: 768px) { @@ -12266,7 +12266,7 @@ button[type=submit].single_add_to_cart_button, font-size: 0.75rem; font-weight: 900; background: #fff; - color: #E86826; + color: #CC0033; padding: 4px 8px; position: relative; top: 20px; @@ -12347,10 +12347,10 @@ a.reset_variations { } body.search .main-header { - background: #660037; + background: #000066; } body.search .site-footer .footer-wrapper { - background: #660037; + background: #000066; } body.search .search-results-page-container { padding-top: 50px; @@ -12361,20 +12361,20 @@ body.search .search-results-page-container #searchform .search-field { body.search .img-placeholder { width: 424px; height: 249.4px; - background-color: #660037; + background-color: #000066; } body.search .img-placeholder img { width: 30%; } .page-template-all-post-template h4, .page-template-all-post-template .headline-small, .page-template-all-post-template .h4 { - color: #660037; + color: #000066; } .page-template-all-post-template .main-header .main-nav { - background-color: #660037; + background-color: #000066; } .page-template-all-post-template .site-footer .footer-wrapper { - background-color: #660037; + background-color: #000066; } .page-template-all-post-template .all-posts-container .featured-post { position: relative; @@ -12391,7 +12391,7 @@ body.search .img-placeholder img { font-size: 1.5rem; font-weight: 700; color: #FFFFFF; - background: #660037; + background: #000066; padding: 6px 20px 6px 12px; } .page-template-all-post-template .all-posts-container .featured-post .featured-img img { @@ -12401,13 +12401,13 @@ body.search .img-placeholder img { margin-top: 4em; } .page-template-all-post-template .all-posts-container .featured-post .featured-post-link { - color: #660037; + color: #000066; text-decoration: underline; } .page-template-all-post-template .all-posts-container .featured-post::after { content: ""; width: 80%; - border-bottom: solid 1px #660037; + border-bottom: solid 1px #000066; position: absolute; bottom: -5%; left: 50%; @@ -12419,14 +12419,14 @@ body.search .img-placeholder img { } .page-template-all-post-template .all-posts-container .post-list .post-item .post-content .read-more { white-space: nowrap; - color: #660037; + color: #000066; } .post-categories { padding: 4em 0; } .post-categories .category-title { - color: #660037; + color: #000066; padding-left: 0; } .post-categories .post-category-list .category-item { @@ -12436,18 +12436,18 @@ body.search .img-placeholder img { text-decoration: underline; } .post-categories .post-category-list .category-item a { - color: #660037; + color: #000066; } .post-pagination h4 a, .post-pagination .headline-small a, .post-pagination .h4 a { - color: #660037; + color: #000066; } .single-post .main-header .main-nav { - background-color: #660037; + background-color: #000066; } .single-post .site-footer .footer-wrapper { - background-color: #660037; + background-color: #000066; } .single-post .single-post-container { margin: 6em 0; @@ -12459,11 +12459,11 @@ body.search .img-placeholder img { margin-top: 4em; } .single-post .single-post-container .single-post-content h1, .single-post .single-post-container .single-post-content .headline-largest, .single-post .single-post-container .single-post-content .h1 { - color: #660037; + color: #000066; } .related-posts-container .related-post .related-title { - color: #660037; + color: #000066; } .category-page-container { diff --git a/wp/wp-content/themes/medicalalert/dist/mix-manifest.json b/wp/wp-content/themes/medicalalert/dist/mix-manifest.json index 672af5a6..14317312 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=4921da3f0886eca1daa6a064627d6600" + "/app.css": "/app.css?id=9545ee817933a068647fce4aa802c148" } diff --git a/wp/wp-content/themes/medicalalert/header.php b/wp/wp-content/themes/medicalalert/header.php index 565e7866..09685dd9 100644 --- a/wp/wp-content/themes/medicalalert/header.php +++ b/wp/wp-content/themes/medicalalert/header.php @@ -18,7 +18,7 @@ - + diff --git a/wp/wp-content/themes/medicalalert/src/scss/_variables.scss b/wp/wp-content/themes/medicalalert/src/scss/_variables.scss index 961931b6..e3836363 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/_variables.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/_variables.scss @@ -1,6 +1,6 @@ /* Colors */ -$consumer-primary: #660037; +$consumer-primary: #000066; $secondary: #F5AD23; $white: #FFFFFF; $black: #000000; @@ -12,7 +12,7 @@ $gray-placeholder: rgba(123, 123, 123, 0.52); $consumer-highlight: rgba(255, 202, 211, 0.15); $business-primary: #00447C; $light-blue: #EAEFF3; -$orange: #E86826; +$orange: #CC0033; .consumer-primary { color: $consumer-primary; } diff --git a/wp/wp-content/themes/medicalalert/src/scss/faq-dropdown.scss b/wp/wp-content/themes/medicalalert/src/scss/faq-dropdown.scss index a4983137..a18e3def 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/faq-dropdown.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/faq-dropdown.scss @@ -12,7 +12,7 @@ .consumer-brand { .faq-dropdown-slice-container { .accordion-button { - background-color: #660037 !important; + background-color: #000066 !important; } } } diff --git a/wp/wp-content/themes/medicalalert/src/scss/footer.scss b/wp/wp-content/themes/medicalalert/src/scss/footer.scss index 80fdc37a..9cdc9964 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/footer.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/footer.scss @@ -133,7 +133,7 @@ font-size: 0.75rem; font-weight: 900; background: #fff; - color: #E86826; + color: #CC0033; padding: 4px 8px; position: relative; top: 20px; diff --git a/wp/wp-content/themes/medicalalert/src/scss/global.scss b/wp/wp-content/themes/medicalalert/src/scss/global.scss index dde40aba..69f23d6f 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/global.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/global.scss @@ -1,6 +1,6 @@ // type elements body { - font-family: 'Nunito Sans', sans-serif; + font-family: 'Inter', sans-serif; } h1 { diff --git a/wp/wp-content/themes/medicalalert/src/scss/header.scss b/wp/wp-content/themes/medicalalert/src/scss/header.scss index cf8a7b1d..d264da2e 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/header.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/header.scss @@ -133,7 +133,7 @@ .get-started { border: none; padding: 0; - background-color: #E86826 !important; + background-color: #CC0033 !important; color: #FFFFFF !important; font-size: 25px; font-weight: 600; diff --git a/wp/wp-content/themes/medicalalert/tpl/single_product.tpl b/wp/wp-content/themes/medicalalert/tpl/single_product.tpl index 7b7e7a49..68c2aafe 100644 --- a/wp/wp-content/themes/medicalalert/tpl/single_product.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/single_product.tpl @@ -91,14 +91,14 @@ .custom-select .select-items div:hover {color: white;} .custom-select .select-selected.select-arrow-active {color: black;} #price {display: block;} -#selected-text {color: #660037;margin: 5px;font-weight:700;} +#selected-text {color: #000066;margin: 5px;font-weight:700;} #selected-price {margin-top: 20px;} #price {margin-top: 20px;} .container {dispaly: table;width: 100%;} .column {display: table-cell;padding: 16px;} .button--primary { margin-top: 25px; } .fee-text {font-size: 15px; margin: 5px; } -.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color: #660037;font-weight: 700;line-height: 0px;font-size: 1.25em;} +.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color: #000066;font-weight: 700;line-height: 0px;font-size: 1.25em;} .custom-select {position: relative;font-family: Arial;} .custom-select select {display: none;} .select-selected {background-color: #fff;color: #000;} @@ -108,7 +108,7 @@ .select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);} .select-items div {color: #fff;padding: 8px 16px;border: 1px solid transparent;border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;transition: background-color 0.3s;} -.select-items div:hover {background-color: #660037;} +.select-items div:hover {background-color: #000066;} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%;float: none;} .woocommerce-product-gallery ol li img {border: 1px solid darkgray;} .woocommerce div.product div.images .flex-control-thumbs {text-align: center;}