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

MAW-894: CSS updates

Browse Source
This commit is contained in:
Tony Volpe
2024-07-23 15:51:16 +00:00
parent a903eec02d
commit 384cddb5a3
9 changed files with 70 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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 {

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

@@ -1,4 +1,4 @@
{
"/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05",
"/app.css": "/app.css?id=4921da3f0886eca1daa6a064627d6600"
"/app.css": "/app.css?id=9545ee817933a068647fce4aa802c148"
}

2
wp/wp-content/themes/medicalalert/header.php
View File

@@ -18,7 +18,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;0,800;1,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,700;0,800;1,600&display=swap" rel="stylesheet">
<?php wp_head(); ?>
</head>

4
wp/wp-content/themes/medicalalert/src/scss/_variables.scss
View File

@@ -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;
}

2
wp/wp-content/themes/medicalalert/src/scss/faq-dropdown.scss
View File

@@ -12,7 +12,7 @@
.consumer-brand {
.faq-dropdown-slice-container {
.accordion-button {
background-color: #660037 !important;
background-color: #000066 !important;
}
}
}

2
wp/wp-content/themes/medicalalert/src/scss/footer.scss
View File

@@ -133,7 +133,7 @@
font-size: 0.75rem;
font-weight: 900;
background: #fff;
color: #E86826;
color: #CC0033;
padding: 4px 8px;
position: relative;
top: 20px;

2
wp/wp-content/themes/medicalalert/src/scss/global.scss
View File

@@ -1,6 +1,6 @@
// type elements
body {
font-family: 'Nunito Sans', sans-serif;
font-family: 'Inter', sans-serif;
}
h1 {

2
wp/wp-content/themes/medicalalert/src/scss/header.scss
View File

@@ -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;

6
wp/wp-content/themes/medicalalert/tpl/single_product.tpl
View File

@@ -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;}