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

add theme

Browse Source
This commit is contained in:
Tony Volpe
2024-06-18 16:47:10 -04:00
parent 95cb30b884
commit 706f089d5e
408 changed files with 77892 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
wp/wp-content/themes/medicalalert/src/js/app.js Normal file
View File

@@ -0,0 +1,11 @@
import $ from 'jquery';
window.$ = window.jQuery = $;
import "bootstrap";
import 'slick-carousel';
$(window).on('load', function() {
// Adds aria-label to reCaptcha textarea field for screen readers
$('.g-recaptcha-response').attr('aria-hidden', 'true');
$('.g-recaptcha-response').attr('aria-label', 'do not use');
$('.g-recaptcha-response').attr('aria-readonly', 'true');
});

76
wp/wp-content/themes/medicalalert/src/scss/_variables.scss Normal file
View File

@@ -0,0 +1,76 @@
/* Colors */
$consumer-primary: #660037;
$secondary: #F5AD23;
$white: #FFFFFF;
$black: #000000;
$blue: #036396;
$light-pink: rgba(255, 202, 210, .15);
$light-gray: #505050;
$gray-border: rgba(123, 123, 123, 0.4);
$gray-placeholder: rgba(123, 123, 123, 0.52);
$consumer-highlight: rgba(255, 202, 211, 0.15);
$business-primary: #00447C;
$light-blue: #EAEFF3;
$orange: #E86826;
.consumer-primary {
color: $consumer-primary;
}
.headline-largest {
font-size: 55px;
font-weight: 700;
line-height: 58px;
margin-bottom: unset;
color: $consumer-primary;
@extend h1
}
.headline-large {
font-size: 45px;
font-weight: 700;
line-height: 55px;
margin-bottom: unset;
color: $consumer-primary;
@extend h2
}
.headline-standard {
font-size: 30px;
font-weight: 700;
line-height: 40px;
margin-bottom: unset;
@extend h3
}
.headline-small {
font-size: 26px;
font-weight: 700;
line-height: 34px;
margin-bottom: unset;
@extend h4
}
/* Navbar */
$navbar-toggler-border-radius: none;
$navbar-toggler-transition: none;
$navbar-dark-color: $white;
$navbar-dark-hover-color: $white;
// $navbar-dark-toggler-border-color: $bright-blue;
$dropdown-color: $white;
// $dropdown-bg: $primary;
$dropdown-border-radius: none;
$dropdown-border-width: none;
$dropdown-inner-border-radius: none;
$dropdown-divider-bg: $white;
$dropdown-box-shadow: none;
$dropdown-link-color: $white;
// $dropdown-link-hover-color: $bright-blue;
$dropdown-link-hover-bg: none;
// $dropdown-link-active-color: $bright-blue;
$dropdown-link-active-bg: none;
$dropdown-item-padding-y: 1rem;
// $dropdown-dark-bg: $primary;
$dropdown-dark-border-color: none;

94
wp/wp-content/themes/medicalalert/src/scss/all-posts.scss Normal file
View File

@@ -0,0 +1,94 @@
.page-template-all-post-template {
h4 {
color: $consumer-primary;
}
.main-header {
.main-nav {
background-color: $consumer-primary;
}
}
.site-footer {
.footer-wrapper {
background-color: $consumer-primary;
}
}
.all-posts-container {
.featured-post {
position: relative;
margin: 6em 0;
.featured-img {
position: relative;
&::after {
content: "FEATURED POST";
position: absolute;
bottom: 0;
left: 0;
font-size: 1.5rem;
font-weight: 700;
color: $white;
background: $consumer-primary;
padding: 6px 20px 6px 12px;
}
img {
width: 100%;
}
}
.featured-post-content {
margin-top: 4em;
}
.featured-post-link {
color: $consumer-primary;
text-decoration: underline;
}
&::after {
content: '';
width: 80%;
border-bottom: solid 1px $consumer-primary;
position: absolute;
bottom: -5%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
}
.post-list {
.post-item {
margin: 1em 0;
.post-content {
.read-more {
white-space: nowrap;
color: $consumer-primary;
}
}
}
}
}
}
// styling for post categories on all-posts, category and search pages
.post-categories {
padding: 4em 0;
.category-title {
color: $consumer-primary;
padding-left: 0;
}
.post-category-list {
.category-item {
padding-left: 0;
position: relative;
border: none;
text-decoration: underline;
a {
color: $consumer-primary;
}
}
}
}
.post-pagination {
h4 {
a {
color: $consumer-primary;
}
}
}

49
wp/wp-content/themes/medicalalert/src/scss/app.scss Normal file
View File

@@ -0,0 +1,49 @@
// library includes
@import "variables";
@import "bootstrap";
@import "global";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
// components
@import "col2-circle-content";
@import "col2-circle-cta-list";
@import "col2-media-highlights";
@import "col2-media-wysiwyg";
@import "col3-card";
@import "color-header-card-grid";
@import "cta-buttons";
@import "faq-dropdown";
@import "form-with-image";
@import "h1-heading";
@import "h2-heading";
@import "hero";
@import "icon-info-grid";
@import "icon-video-aside";
@import "image-aside";
@import "image-card-grid";
@import "image-with-checklist";
@import "image-with-icon-info-grid";
@import "large-image";
@import "large-video";
@import "logo-grid";
@import "phone-contact";
@import "phone-contact-with-shortcode";
@import "product-carousel";
@import "products-list";
@import "simple-content";
@import "testimonial-carousel";
@import "testimonial";
@import "text-highlights-col";
@import "video-aside";
@import "video-grid";
@import "header";
@import "footer";
@import "gravity-forms"; // old
@import "woo"; // old
@import "lifeline-style-guide";
@import "error";
// pages
@import "search-results-page";
@import "all-posts";
@import "single-post";
@import "post-category";
@import "cart-summary";

17
wp/wp-content/themes/medicalalert/src/scss/cart-summary.scss Normal file
View File

@@ -0,0 +1,17 @@
.cart-summary p {font-size: 1.2vw;line-height: 2vw !important;}
@media only screen and (max-width: 767px) {
.cart-summary p {
font-size: 22px !important;
line-height: 4.5vw !important;
font-weight: lighter !important;
color: #505050 !important;
}
}
@media only screen and (min-width: 2355px) {
.cart-summary p {
font-size: 22px !important;
color: #505050 !important;
}
}

23
wp/wp-content/themes/medicalalert/src/scss/col2-circle-content.scss Normal file
View File

@@ -0,0 +1,23 @@
.col2-circle-content-slice-container {
.highlighted-circle {
img {
border-radius: 50%;
width: 225px;
height: 225px;
object-fit: cover;
}
}
.highlighted-circle-title {
color: $consumer-primary
}
.highlighted-circle-copy {
p {
line-height: 41px;
}
}
.highlighted-circle-link {
a {
line-height: 41px;
}
}
}

14
wp/wp-content/themes/medicalalert/src/scss/col2-circle-cta-list.scss Normal file
View File

@@ -0,0 +1,14 @@
.col2-circle-cta-list-slice-container {
.circle-image {
padding: 0 0 20px;
img {
width: 100%;
height: 100%;
border-radius: 50%;
}
}
.title {
color: $consumer-primary;
padding-bottom: 10px;
}
}

48
wp/wp-content/themes/medicalalert/src/scss/col2-media-highlights.scss Normal file
View File

@@ -0,0 +1,48 @@
.col2-media-highlights-slice-container {
.border-side-1 {
border-right: 1px solid black;
}
.border-side-3 {
border-left: 1px solid black;
}
.video-aside {
video {
width: 100%;
}
}
.copy {
strong {
font-weight: bold;
}
}
@include media-breakpoint-down(lg) {
.border-side-1 {
border-left: none;
border-bottom: 1px solid black;
}
.border-side-3 {
border-left: none;
border-bottom: 1px solid black;
}
}
}
.consumer-brand {
.col2-media-highlights-slice-container {
.copy {
strong {
color: $consumer-primary;
}
}
}
}
.business-brand {
.col2-media-highlights-slice-container {
.copy {
strong {
color: $business-primary;
}
}
}
}

27
wp/wp-content/themes/medicalalert/src/scss/col2-media-wysiwyg.scss Normal file
View File

@@ -0,0 +1,27 @@
.col2-media-wysiwyg-slice-container {
.image {
img {
width: 100%;
}
}
}
.consumer-brand {
.col2-media-wysiwyg-slice-container {
.copy {
strong {
color: $consumer-primary;
}
}
}
}
.business-brand {
.col2-media-wysiwyg-slice-container {
.copy {
strong {
color: $business-primary;
}
}
}
}

30
wp/wp-content/themes/medicalalert/src/scss/col3-card.scss Normal file
View File

@@ -0,0 +1,30 @@
.col3-card-slice-container {
text-align: center;
.col3-card-wrapper {
z-index: 1;
.col3-card-item {
position: relative;
min-height: 40em;
border: 1px solid $gray-border;
box-shadow: 5px 5px 10px 0px rgba(119, 119, 119, 0.16);
background-color: $white;
.col3-card-img {
width: 100%;
}
.col3-card-item-inner-wrapper {
min-height: 350px;
padding: 33px 25px 46px;
.col3-card-title {
color: $consumer-primary;
}
.col3-card-link {
position: absolute;
bottom: 0;
width: fit-content;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
}
}

46
wp/wp-content/themes/medicalalert/src/scss/color-header-card-grid.scss Normal file
View File

@@ -0,0 +1,46 @@
.color-header-card-grid-slice-container {
.color-header-card {
.header {
width: 100%;
height: 100px;
}
.copy {
min-height: 17rem;
}
}
}
.header-color-white {
background-color: $white;
h4 {
color: $light-gray;
}
}
.header-color-pink {
background-color: $light-pink;
h4 {
color: $light-gray;
}
}
.header-color-red {
background-color: $consumer-primary;
h4 {
color: $white;
}
}
.header-color-light-blue {
background-color: $light-blue;
h4 {
color: $light-gray;
}
}
.header-color-blue {
background-color: $business-primary;
h4 {
color: $white;
}
}

2
wp/wp-content/themes/medicalalert/src/scss/cta-buttons.scss Normal file
View File

@@ -0,0 +1,2 @@
.cta-buttons-slice-container {
}

4
wp/wp-content/themes/medicalalert/src/scss/error.scss Normal file
View File

@@ -0,0 +1,4 @@
.error-link {
color: #036396;
text-decoration: none;
}

26
wp/wp-content/themes/medicalalert/src/scss/faq-dropdown.scss Normal file
View File

@@ -0,0 +1,26 @@
.faq-dropdown-slice-container {
.accordion-button {
color: #FFFFFF !important;
font-size: 26px;
font-weight: 700;
&::after {
filter: invert(1) grayscale(1);
}
}
}
.consumer-brand {
.faq-dropdown-slice-container {
.accordion-button {
background-color: #660037 !important;
}
}
}
.business-brand {
.faq-dropdown-slice-container {
.accordion-button {
background-color: $business-primary !important;
}
}
}

153
wp/wp-content/themes/medicalalert/src/scss/footer.scss Normal file
View File

@@ -0,0 +1,153 @@
.site-footer {
.footer-wrapper {
padding: 84px 0 46px 0;
.footer-logo {
max-width: 50%;
}
.footer-nav-list {
list-style: none;
padding-left: 0;
.menu-item {
a {
font-weight: 400;
color: $white;
padding-left: 0;
}
}
.footer-button {
a {
border: none;
padding: 8px 20px;
background-color: $secondary !important;
color: #fff !important;
font-size: 25px;
font-weight: 600;
text-decoration: none;
box-sizing: border-box;
display: inline-block;
line-height: 36px;
}
}
}
.footer-phone {
p {
color: $white;
}
}
.social-icons {
.fa-facebook,
.fa-linkedin,
.fa-youtube {
font-size: 45px;
color: $white;
}
}
}
.footer-bottom {
padding-top: 3rem;
p {
color: $light-gray;
}
}
}
.consumer-brand {
.site-footer {
.footer-wrapper {
background: $consumer-primary;
}
.footer-bottom {
background: $white;
}
}
}
.business-brand {
.site-footer {
.footer-wrapper {
background: $business-primary;
}
.footer-bottom {
background: $white;
}
}
}
// Optional Sticky Bottom Banner
.banner-bottom {
display: none;
width: 100%;
font-size: 22px;
font-weight: 700;
letter-spacing: 2px;
background: $orange;
.banner-bottom-wrapper {
color: $white;
text-align: center;
line-height: 50px;
.banner-bottom-link {
.banner-bottom-text {
display: inline-block;
font-size: 0.75rem;
font-weight: 700;
@include media-breakpoint-up(md) {
font-size: 1.375rem;
}
.fa-angle-right {
@include media-breakpoint-up(md) {
position: relative;
top: 4px;
}
}
.banner-link-title {
font-size: 0.75rem;
font-weight: 900;
background: #fff;
color: $orange;
padding: 4px 8px;
@include media-breakpoint-up(md) {
font-size: 1.125rem;
}
}
}
}
}
.banner-bottom-close {
position: relative;
top: 2.5px;
float: right;
padding-right: 20px;
color: $white;
font-size: 1.325rem;
font-weight: 400;
cursor: pointer;
@include media-breakpoint-up(md) {
font-size: 2rem;
top: 0;
}
}
}
@media only screen and (max-width: 469px) {
.banner-bottom .banner-bottom-wrapper .banner-bottom-link .banner-bottom-text .banner-link-title {
font-size: 0.75rem;
font-weight: 900;
background: #fff;
color: #E86826;
padding: 4px 8px;
position: relative;
top: 20px;
}
.banner-bottom .banner-bottom-close {
position: relative;
top: -49px;
float: right;
padding-right: 5px;
font-size: 1.325rem;
font-weight: 400;
cursor: pointer;
color: #FFF;
}
}

6
wp/wp-content/themes/medicalalert/src/scss/form-with-image.scss Normal file
View File

@@ -0,0 +1,6 @@
.form-with-image-slice-container {
.gform_heading,
.gform_description {
display: none;
}
}

380
wp/wp-content/themes/medicalalert/src/scss/global.scss Normal file
View File

@@ -0,0 +1,380 @@
// type elements
body {
font-family: 'Nunito Sans', sans-serif;
}
h1 {
font-size: calc(2.214581rem + 1vw);
font-weight: 700;
line-height: 58px;
}
.consumer-brand {
h1 {
color: $consumer-primary;
}
}
.business-brand {
h1 {
color: $business-primary;
}
}
h2 {
font-size: calc(1.3rem + 1vw);
font-weight: 700;
line-height: 55px;
}
.consumer-brand {
h2 {
color: $consumer-primary;
}
}
.business-brand {
h2 {
color: $business-primary;
}
}
h3 {
font-size: 30px;
font-weight: 700;
line-height: 40px;
}
.consumer-brand {
h3 {
color: $consumer-primary;
}
}
.business-brand {
h3 {
color: $business-primary;
}
}
h4 {
font-size: 26px;
font-weight: 700;
line-height: 34px;
}
.consumer-brand {
h4 {
color: $consumer-primary;
}
}
.business-brand {
h4 {
color: $business-primary;
}
}
p {
font-size: 22px;
line-height: 32px;
font-weight: lighter;
color: $light-gray;
}
a {
color: $light-gray;
text-decoration: none;
font-size: 22px;
line-height: 30px;
font-weight: 700;
}
ul,
ol {
font-size: 22px;
line-height: 45px;
margin-bottom: unset;
font-weight: lighter;
color: $light-gray;
}
// cta
a.button--primary,
input[type="submit"].gform_button,
button[type="submit"].single_add_to_cart_button,
#searchBtn {
border: none;
padding: 8px 20px;
background-color: $orange !important;
color: $white !important;
font-size: 25px;
font-weight: 600;
text-decoration: none;
box-sizing: border-box;
display: inline-block;
line-height: 36px;
}
.button--primary {
border: none;
padding: 8px 20px;
background-color: $orange; /* Define the actual color, not a variable */
color: $white; /* Define the actual color, not a variable */
font-size: 25px;
font-weight: 600;
text-decoration: none;
display: inline-block;
line-height: 36px;
/* Add any additional styles you want here */
}
// Background Colors Configurations
.bg-color-white {
background-color: $white;
}
.bg-color-pink {
background-color: $light-pink;
p {
color: $light-gray;
}
}
.bg-color-red {
background-color: $consumer-primary;
p {
color: $white;
}
}
.bg-color-light-blue {
background-color: $light-blue;
}
.bg-color-blue {
background-color: $consumer-primary;
}
// Top and Bottom Background Color Configurations
.bg-color-top-white {
position: relative;
width: 100%;
&::before {
content: ' ';
position: absolute;
width: 100%;
height: 50%;
background-color: $white;
left: 0;
right: 0;
top: 0;
}
}
.bg-color-bottom-white {
position: relative;
width: 100%;
&::after {
content: ' ';
position: absolute;
width: 100%;
height: 50%;
background-color: $white;
z-index: -1;
left: 0;
right: 0;
top: 0;
}
}
.bg-color-top-pink {
position: relative;
width: 100%;
&::before {
content: ' ';
position: absolute;
width: 100%;
height: 50%;
background-color: $light-pink;
left: 0;
right: 0;
top: 0;
}
}
.bg-color-bottom-pink {
position: relative;
width: 100%;
&::after {
content: ' ';
position: absolute;
width: 100%;
height: 50%;
background-color: $light-pink;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
}
}
.bg-color-top-red {
position: relative;
width: 100%;
&::before {
content: ' ';
position: absolute;
width: 100%;
height: 50%;
background-color: $consumer-highlight;
left: 0;
right: 0;
top: 0;
}
}
.bg-color-bottom-red {
position: relative;
width: 100%;
&::after {
content: ' ';
position: absolute;
width: 100%;
height: 50%;
background-color: $consumer-highlight;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
}
}
.bg-color-top-light-blue {
position: relative;
width: 100%;
&::before {
content: ' ';
position: absolute;
width: 100%;
height: 50%;
background-color: $light-blue;
left: 0;
right: 0;
top: 0;
}
}
.bg-color-bottom-light-blue {
position: relative;
width: 100%;
&::after {
content: ' ';
position: absolute;
width: 100%;
height: 50%;
background-color: $light-blue;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
}
}
// Border Color Configurations
.border-color-none {
border: none;
}
.border-color-white {
border: 2px solid $white;
}
.border-color-red {
border: 2px solid $consumer-primary;
}
.border-color-black {
border: 2px solid $black;
}
.padding-top-none {
padding-top: 0;
}
.padding-bottom-none {
padding-bottom: 0;
}
// Padding classes for slice configs
.padding-top-small {
@include media-breakpoint-up(xs) {
padding-top: 0.25rem;
}
@include media-breakpoint-up(md) {
padding-top: 0.5rem;
}
@include media-breakpoint-up(lg) {
padding-top: 1rem;
}
}
.padding-top-medium {
@include media-breakpoint-up(xs) {
padding-top: .75rem;
}
@include media-breakpoint-up(md) {
padding-top: 1rem;
}
@include media-breakpoint-up(md) {
padding-top: 2rem;
}
}
.padding-top-large {
@include media-breakpoint-up(xs) {
padding-top: 0.75rem;
}
@include media-breakpoint-up(md) {
padding-top: 1.5rem;
}
@include media-breakpoint-up(lg) {
padding-top: 3rem;
}
}
.padding-bottom-small {
@include media-breakpoint-up(xs) {
padding-bottom: 0.25rem;
}
@include media-breakpoint-up(md) {
padding-bottom: 0.5rem;
}
@include media-breakpoint-up(lg) {
padding-bottom: 1rem;
}
}
.padding-bottom-medium {
@include media-breakpoint-up(xs) {
padding-bottom: .75rem;
}
@include media-breakpoint-up(md) {
padding-bottom: 1rem;
}
@include media-breakpoint-up(lg) {
padding-bottom: 2rem;
}
}
.padding-bottom-large {
@include media-breakpoint-up(xs) {
padding-bottom: 0.75rem;
}
@include media-breakpoint-up(md) {
padding-bottom: 1.5rem;
}
@include media-breakpoint-up(lg) {
padding-bottom: 3rem;
}
}

23
wp/wp-content/themes/medicalalert/src/scss/gravity-forms.scss Normal file
View File

@@ -0,0 +1,23 @@
div.gform_fields fieldset.gfield div.ginput_complex span input,
div.gform_fields div.gfield div.ginput_container input {
border-color: $gray-border;
border-width: 1px;
border-style: solid;
font-size: 18px;
&::placeholder {
color: $gray-placeholder;
}
}
div.gform_fields div.gfield div.validation_message {
font-size: 18px;
}
div.gform_validation_errors h2.gform_submission_error {
font-size: 18px;
}
div.gform_confirmation_wrapper div.gform_confirmation_message {
font-size: 18px;
}

15
wp/wp-content/themes/medicalalert/src/scss/h1-heading.scss Normal file
View File

@@ -0,0 +1,15 @@
.comsumer-brand {
.h1-heading-slice-container {
h1 {
color: $consumer-primary;
}
}
}
.business-brand {
.h1-heading-slice-container {
h1 {
color: $business-primary;
}
}
}

15
wp/wp-content/themes/medicalalert/src/scss/h2-heading.scss Normal file
View File

@@ -0,0 +1,15 @@
.comsumer-brand {
.h2-heading-slice-container {
h2 {
color: $consumer-primary;
}
}
}
.business-brand {
.h2-heading-slice-container {
h2 {
color: $business-primary;
}
}
}

144
wp/wp-content/themes/medicalalert/src/scss/header.scss Normal file
View File

@@ -0,0 +1,144 @@
.main-header {
h1 {
color: $white;
}
.top-bar-mobile {
color: $light-gray;
.top-bar-mobile-phone {
.fa-phone-volume {
position: relative;
top: 3px;
right: 5px;
}
p {
margin: auto 0;
}
}
}
.top-nav-mobile {
list-style: none;
text-align: center;
padding: 0;
li {
a {
color: $white;
}
}
}
.top-bar-items li {
position: relative;
align-self: center;
margin-right: 20px;
}
// .top-bar-items li:first-child::after {
// content: "|";
// color: #505050;
// padding-left: 14px
// }
.main-nav {
.navbar-nav li.dropdown:hover>ul.dropdown-menu {
display: block;
}
.dropdown-menu {
li {
text-align: left;
}
}
.dropdown-toggle::after {
content: none;
}
.main-logo img {
max-width: 296px;
}
@include media-breakpoint-up(lg) {
.menu-item-has-children::after {
content: "";
height: 20px;
width: 1px;
background-color: $white;
display: block;
position: absolute;
right: 8px;
top: 14px;
}
.menu-item-has-children:last-child::after {
content: unset;
}
}
.menu-item {
white-space: nowrap;
@include media-breakpoint-up(lg) {
padding-right: 20px;
}
.nav-link {
color: $white;
}
a {
@include media-breakpoint-between(lg, xl) {
font-size: 17px;
}
}
}
.dropdown-item:hover {
color: $white;
}
.nav-btn {
padding-top: 6px;
.nav-link {
font-size: 24px;
}
.fa-phone-volume {
position: relative;
right: 5px;
bottom: 5px;
font-size: 35px;
color: $white;
}
p {
color: $white;
padding-top: 8px;
}
a {
color: $white;
@include media-breakpoint-between(lg, xl) {
font-size: 17px;
}
}
}
}
}
.consumer-brand {
.main-header {
background: $consumer-primary;
}
#menu-consumer {
.dropdown-menu {
background: $consumer-primary;
}
}
}
.business-brand {
.main-header {
background: $business-primary;
}
#menu-business {
.dropdown-menu {
background: $business-primary;
}
}
}
.get-started {
border: none;
padding: 0;
background-color: #E86826 !important;
color: #FFFFFF !important;
font-size: 25px;
font-weight: 600;
text-decoration: none;
box-sizing: border-box;
display: inline-block;
padding-right: 0px !important;
}

23
wp/wp-content/themes/medicalalert/src/scss/hero.scss Normal file
View File

@@ -0,0 +1,23 @@
.hero-slice-container {
background-repeat: no-repeat;
background-size: cover;
background-position: top;
min-height: 550px;
padding: 4rem 0;
}
.consumer-brand {
.hero-slice-container {
.hero-title {
color: $consumer-primary;
}
}
}
.business-brand {
.hero-slice-container {
.hero-title {
color: $business-primary;
}
}
}

46
wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss Normal file
View File

@@ -0,0 +1,46 @@
.icon-info-grid-slice-container {
.icon-card-wrapper {
.icon-card {
display: grid;
grid-template-rows: 1fr auto 1fr;
justify-items: center;
width: 100%;
position: relative;
.icon-img {
max-width: 106px;
}
.content-wrapper {
.icon-title {
align-self: center;
}
.icon-link {
position: absolute;
bottom: 0;
width: fit-content;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
}
}
.consumer-brand {
.icon-info-grid-slice-container {
.icon-card {
.title {
color: $consumer-primary;
}
}
}
}
.business-brand {
.icon-info-grid-slice-container {
.icon-card {
.title {
color: $business-primary;
}
}
}
}

22
wp/wp-content/themes/medicalalert/src/scss/icon-video-aside.scss Normal file
View File

@@ -0,0 +1,22 @@
.icon-video-aside-slice-container {
.icon-video-rows {
.icon {
img {
width: 55px;
}
}
.info {
.title {
color: $consumer-primary;
}
.link {
color: $blue !important;
}
}
.video {
video {
width: 100%;
}
}
}
}

19
wp/wp-content/themes/medicalalert/src/scss/image-aside.scss Normal file
View File

@@ -0,0 +1,19 @@
.consumer-brand {
.image-aside-slice-container {
.image-aside-copy {
strong {
color: $consumer-primary;
}
}
}
}
.business-brand {
.image-aside-slice-container {
.image-aside-copy {
strong {
color: $business-primary;
}
}
}
}

13
wp/wp-content/themes/medicalalert/src/scss/image-card-grid.scss Normal file
View File

@@ -0,0 +1,13 @@
.image-card-grid-slice-container {
.image-card {
height: 600px;
.image {
img {
width: 100%;
}
}
.title {
color: $blue;
}
}
}

9
wp/wp-content/themes/medicalalert/src/scss/image-with-checklist.scss Normal file
View File

@@ -0,0 +1,9 @@
.image-with-checklist-slice-container {
.image-with-checklist-wrapper {
@include media-breakpoint-up(lg) {
img {
max-width: 350px;
}
}
}
}

19
wp/wp-content/themes/medicalalert/src/scss/image-with-icon-info-grid.scss Normal file
View File

@@ -0,0 +1,19 @@
.image-with-icon-info-grid-slice-container {
.image {
img {
width: 100%;
}
}
.icon-info-grid {
.icon {
img {
width: 77px;
}
}
.info {
.title {
color: $consumer-primary;
}
}
}
}

7
wp/wp-content/themes/medicalalert/src/scss/large-image.scss Normal file
View File

@@ -0,0 +1,7 @@
.large-image-slice-container {
.large-image {
img {
width: 100%;
}
}
}

8
wp/wp-content/themes/medicalalert/src/scss/large-video.scss Normal file
View File

@@ -0,0 +1,8 @@
.large-video-slice-container {
.large-video {
video {
width: 100%;
height: auto;
}
}
}

10
wp/wp-content/themes/medicalalert/src/scss/lifeline-style-guide.scss Normal file
View File

@@ -0,0 +1,10 @@
// .page-id-631 {
// section {
// &:nth-of-type(odd) {
// border-top: 10px solid $black;
// h2 {
// color: $black;
// }
// }
// }
// }

7
wp/wp-content/themes/medicalalert/src/scss/logo-grid.scss Normal file
View File

@@ -0,0 +1,7 @@
.logo-grid-slice-container {
.logo {
img {
width: 100%;
}
}
}

59
wp/wp-content/themes/medicalalert/src/scss/page-product.scss Normal file
View File

@@ -0,0 +1,59 @@
// div.product-features {
// padding-top: 50px;
// padding-bottom: 80px;
// div.product-features__header {
// h2.product-features__header__heading {
// margin-bottom: 35px;
// }
// }
// div.product-features__video-wrapper {
// border-right: 1px solid $gray-border;
// padding-right: 30px;
// img.product-features__video-wrapper__video-thumbnail {
// margin-bottom: 25px;
// }
// }
// div.product-features__content {
// padding-left: 30px;
// p {
// margin-bottom: 25px;
// &:last-of-type {
// margin-bottom: 0;
// }
// strong {
// color: $consumer-primary;
// font-weight: 700;
// }
// }
// }
// }
// div.service-features {
// padding-top: 50px;
// padding-bottom: 80px;
// background-color: $consumer-highlight;
// div.service-features__header {
// h2.service-features__header__heading {
// margin-bottom: 35px;
// }
// }
// div.service-features__video-wrapper {
// padding-left: 30px;
// img.service-features__video-wrapper__video-thumbnail {
// margin-bottom: 25px;
// }
// }
// div.service-features__content {
// border-right: 1px solid $gray-border;
// padding-right: 30px;
// p {
// margin-bottom: 25px;
// &:last-of-type {
// margin-bottom: 0;
// }
// strong {
// color: $consumer-primary;
// font-weight: 700;
// }
// }
// }
// }

30
wp/wp-content/themes/medicalalert/src/scss/phone-contact-with-shortcode.scss Normal file
View File

@@ -0,0 +1,30 @@
.phone-contact-with-shortcode-slice-container {
.call-title {
font-size: calc(1.6125rem + 1vw);
font-weight: 700;
line-height: 55px;
a {
font-size: calc(1.6125rem + 1vw);
font-weight: 700;
line-height: 55px;
}
}
}
.consumer-brand {
.call-title {
color: $consumer-primary;
a {
color: $consumer-primary;
}
}
}
.business-brand {
.call-title {
color: $business-primary;
a {
color: $business-primary;
}
}
}

32
wp/wp-content/themes/medicalalert/src/scss/phone-contact.scss Normal file
View File

@@ -0,0 +1,32 @@
.phone-contact-slice-container {
h3 {
font-weight: 200;
}
.bold-copy {
a {
font-size: 45px;
font-weight: 700;
line-height: 55px;
}
}
}
.consumer-brand {
.phone-contact-slice-container {
.bold-copy {
a {
color: $consumer-primary;
}
}
}
}
.business-brand {
.phone-contact-slice-container {
.bold-copy {
a {
color: $business-primary;
}
}
}
}

3
wp/wp-content/themes/medicalalert/src/scss/post-category.scss Normal file
View File

@@ -0,0 +1,3 @@
.category-page-container {
padding: 6em 0;
}

14
wp/wp-content/themes/medicalalert/src/scss/product-carousel.scss Normal file
View File

@@ -0,0 +1,14 @@
.product-carousel-slice-container {
.products {
.product-slide {
.product-image {
img {
width: 100%;
}
}
.title {
color: $blue;
}
}
}
}

37
wp/wp-content/themes/medicalalert/src/scss/products-list.scss Normal file
View File

@@ -0,0 +1,37 @@
.products-list-slice-container {
text-align: center;
.products-list-wrapper {
.products-list-item {
position: relative;
min-height: 33em;
border: 1px solid $gray-border;
box-shadow: 5px 5px 10px 0px rgba(119, 119, 119, 0.16);
@include media-breakpoint-up(md) {
min-height: 42em;
}
.products-list-img {
max-width: 50%;
@include media-breakpoint-up(lg) {
max-width: 70%;
}
}
.products-list-item-inner-wrapper {
background-color: $white;
padding: 20px;
@include media-breakpoint-up(lg) {
padding: 33px 25px 46px;
}
.products-list-title {
color: $consumer-primary;
}
.products-list-link {
position: absolute;
bottom: 0;
width: fit-content;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
}
}

26
wp/wp-content/themes/medicalalert/src/scss/search-results-page.scss Normal file
View File

@@ -0,0 +1,26 @@
body.search {
.main-header {
background: $consumer-primary;
}
.site-footer {
.footer-wrapper {
background: $consumer-primary;
}
}
.search-results-page-container {
padding-top: 50px;
#searchform {
.search-field {
width: 100%;
}
}
}
.img-placeholder {
width: 424px;
height: 249.4px;
background-color: $consumer-primary;
img {
width: 30%;
}
}
}

3
wp/wp-content/themes/medicalalert/src/scss/simple-content.scss Normal file
View File

@@ -0,0 +1,3 @@
.simple-content-slice-container {
}

35
wp/wp-content/themes/medicalalert/src/scss/single-post.scss Normal file
View File

@@ -0,0 +1,35 @@
.single-post {
.main-header {
.main-nav {
background-color: $consumer-primary;
}
}
.site-footer {
.footer-wrapper {
background-color: $consumer-primary;
}
}
.single-post-container {
margin: 6em 0;
.single-post-img {
img {
width: 100%;
}
}
.single-post-content {
margin-top: 4em;
h1 {
color: $consumer-primary;
}
}
}
}
// Styling for read more section styles
.related-posts-container {
.related-post {
.related-title {
color: $consumer-primary;
}
}
}

55
wp/wp-content/themes/medicalalert/src/scss/testimonial-carousel.scss Normal file
View File

@@ -0,0 +1,55 @@
.testimonial-carousel-slice-container {
.testimonials {
.testimonial-image {
img {
width: 225px;
height: 225px;
border-radius: 50%;
}
}
.title {
color: $consumer-primary;
text-align: start;
}
.quote-attribution {
text-align: start;
}
.slick-dots li button::before {
font-size: 12px;
}
}
}
.consumer-brand {
.testimonial-carousel-slice-container {
.slick-dots {
li {
button {
&::before {
color: rgba(102, 0, 55, 0.5);
}
}
}
.slick-active button::before {
color: $consumer-primary;
}
}
}
}
.business-brand {
.testimonial-carousel-slice-container {
.slick-dots {
li {
button {
&::before {
color: rgba(0, 68, 124, 0.5);
}
}
}
.slick-active button::before {
color: $business-primary;
}
}
}
}

18
wp/wp-content/themes/medicalalert/src/scss/testimonial.scss Normal file
View File

@@ -0,0 +1,18 @@
.testimonial-slice-container {
.testimonial-img {
border-radius: 50%;
width: 300px;
height: 300px;
object-fit: cover;
}
.testimonial-inner-content-wrapper {
.testimonial-title {
font-size: 32px;
font-weight: bold;
font-style: italic;
}
.testimonial-quote-attribution {
text-align: right;
}
}
}

10
wp/wp-content/themes/medicalalert/src/scss/text-highlights-col.scss Normal file
View File

@@ -0,0 +1,10 @@
.text-highlights-col-slice-container {
.text-block {
.title {
color: $blue;
}
strong {
font-weight: 700;
}
}
}

8
wp/wp-content/themes/medicalalert/src/scss/video-aside.scss Normal file
View File

@@ -0,0 +1,8 @@
.video-aside-slice-container {
.video-aside {
video {
width: 100%;
height: auto;
}
}
}

10
wp/wp-content/themes/medicalalert/src/scss/video-grid.scss Normal file
View File

@@ -0,0 +1,10 @@
.video-grid-slice-container {
.heading {
color: $consumer-primary;
}
.video {
video {
width: 100%;
}
}
}

41
wp/wp-content/themes/medicalalert/src/scss/woo.scss Normal file
View File

@@ -0,0 +1,41 @@
// Making the Product Variation Options side by side
table.variations {
td.value {
div {
display: inline-block;
margin-right: 20px;
padding-bottom: 25px;
&:last-of-type {
margin-right: 0;
}
input[type="radio"] {
margin-right: 5px;
}
label {
font-weight: unset !important;
}
}
}
}
// Hides the quantity Box
div.single_variation_wrap {
vertical-align: middle;
div.woocommerce-variation-add-to-cart {
div.quantity {
display: none !important;
}
}
}
// Removes the 'Clear' button for variations
a.reset_variations {
display: none !important;
}
.order-summary {
margin-left: 5.5rem;
margin-bottom: unset !important;
}