@designcrowd/library.brand-page 5.17.2 → 5.17.3

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -71,8 +71,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
 */
 
 abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+  text-decoration: underline dotted;
 }
 
 /*
@@ -6513,29 +6512,32 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 /* mob_img--left - image for display left (should only show on mobile)  */
 /* mob_img--right - image for display right (should only show on mobile)  */
 /* top-img--center - image for display centered*/
-.about-container[data-v-5bafbc0e] {
+.about-container[data-v-e757d2ee] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.about-container--padding[data-v-5bafbc0e] {
+.side-full-media-container[data-v-e757d2ee] {
+  max-width: 100% !important;
+}
+.about-container--padding[data-v-e757d2ee] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--left {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--right {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-body-text[data-v-5bafbc0e] {
+.device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
   display: block;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .img--left-right {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
   display: none;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .container-image {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
   -o-object-fit: cover;
      object-fit: cover;
   aspect-ratio: 1/1;
@@ -6543,24 +6545,24 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-width: -moz-max-content;
   max-width: max-content;
 }
-.device-wrapper--mobile .mobile-about-container--padding[data-v-5bafbc0e] {
+.device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-.device-wrapper--mobile .text-grid-column[data-v-5bafbc0e] {
+.device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-columns: 1fr;
 }
-.device-wrapper--mobile .full-square-image[data-v-5bafbc0e] {
+.device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
   margin-bottom: 1rem;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .about-placeholder {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
   width: 100%;
 }
-.about-container[data-v-5bafbc0e] .top-img--center {
+.about-container[data-v-e757d2ee] .top-img--center {
   display: grid;
   aspect-ratio: 3/1;
   width: 100%;
@@ -6569,8 +6571,8 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -o-object-position: center;
      object-position: center;
 }
-.about-container[data-v-5bafbc0e] .mob_img--left,
-.about-container[data-v-5bafbc0e] .mob_img--right {
+.about-container[data-v-e757d2ee] .mob_img--left,
+.about-container[data-v-e757d2ee] .mob_img--right {
   padding-top: 1rem;
   padding-bottom: 1rem;
   aspect-ratio: 1/1;
@@ -6580,24 +6582,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
      object-position: center;
   width: 100%;
 }
-.container-grid-columns[data-v-5bafbc0e] {
+.container-grid-columns[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-5bafbc0e] .full-square-image {
-  margin-bottom: 1rem;
+.about-container[data-v-e757d2ee] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.grid-reverse-direction[data-v-5bafbc0e] {
+.grid-reverse-direction[data-v-e757d2ee] {
   direction: rtl;
 }
-.grid-direction-ltr[data-v-5bafbc0e] {
+.grid-direction-ltr[data-v-e757d2ee] {
   direction: ltr;
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
   margin-bottom: 1rem;
   display: grid;
   max-width: 20rem;
@@ -6607,34 +6608,34 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: fit-content;
 }
 @media (max-width: 767px) {
-.about-container[data-v-5bafbc0e] .mob_img--left {
+.about-container[data-v-e757d2ee] .mob_img--left {
     display: block;
     width: 100%;
 }
-.about-container[data-v-5bafbc0e] .mob_img--right {
+.about-container[data-v-e757d2ee] .mob_img--right {
     display: grid;
 }
-.about-container[data-v-5bafbc0e] .img--left-right {
+.about-container[data-v-e757d2ee] .img--left-right {
     display: none;
 }
-.about-body-text[data-v-5bafbc0e] {
+.about-body-text[data-v-e757d2ee] {
     display: block;
 }
-.about-container[data-v-5bafbc0e] .about-placeholder {
+.about-container[data-v-e757d2ee] .about-placeholder {
     width: 100%;
 }
-.text-grid-column[data-v-5bafbc0e] {
+.text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
     grid-template-columns: 1fr;
 }
-.mobile-about-container--padding[data-v-5bafbc0e] {
+.mobile-about-container--padding[data-v-e757d2ee] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
     padding-top: 2.5rem;
     padding-bottom: 2.5rem;
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
     aspect-ratio: 1/1;
     -o-object-fit: cover;
        object-fit: cover;
@@ -6642,23 +6643,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
     max-width: -moz-max-content;
     max-width: max-content;
 }
-.about-container[data-v-5bafbc0e] .full-square-image {
+.about-container[data-v-e757d2ee] .full-square-image {
     margin-bottom: 1rem;
 }
 }
 @media (min-width: 767px) {
-.about-container[data-v-5bafbc0e] .mob_img--right,
-  .about-container[data-v-5bafbc0e] .mob_img--left {
+.about-container[data-v-e757d2ee] .mob_img--right,
+  .about-container[data-v-e757d2ee] .mob_img--left {
     display: none;
 }
-.about-container[data-v-5bafbc0e] .img--left-right {
+.about-container[data-v-e757d2ee] .img--left-right {
     display: grid;
 }
-.text-grid-column[data-v-5bafbc0e] {
+.text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
     aspect-ratio: auto;
 }
 }
@@ -9474,7 +9475,7 @@ input[type='number'][data-v-b7154ee1] {
 }
 }
 
-.c-brand-page-maker[data-v-81f37a67] {
+.c-brand-page-maker[data-v-3bb1d09d] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9484,14 +9485,14 @@ input[type='number'][data-v-b7154ee1] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-81f37a67] {
+.c-brand-page-maker__inner[data-v-3bb1d09d] {
   height: 100%;
 }
-.c-save-bar[data-v-81f37a67] {
+.c-save-bar[data-v-3bb1d09d] {
   position: absolute;
   top: 0px;
   left: 0px;
-  z-index: 20;
+  z-index: 100;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
@@ -9509,7 +9510,7 @@ input[type='number'][data-v-b7154ee1] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-81f37a67] {
+.c-save-bar--visible[data-v-3bb1d09d] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9519,11 +9520,11 @@ input[type='number'][data-v-b7154ee1] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-81f37a67] {
+.c-brand-page-maker[data-v-3bb1d09d] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-81f37a67] {
+.c-brand-page-maker__inner[data-v-3bb1d09d] {
     height: 100%;
 }
 }

package/lib/src/css/library.brand-page-designCom.min.css

@@ -6223,29 +6223,32 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 /* mob_img--left - image for display left (should only show on mobile)  */
 /* mob_img--right - image for display right (should only show on mobile)  */
 /* top-img--center - image for display centered*/
-.about-container[data-v-5bafbc0e] {
+.about-container[data-v-e757d2ee] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.about-container--padding[data-v-5bafbc0e] {
+.side-full-media-container[data-v-e757d2ee] {
+  max-width: 100% !important;
+}
+.about-container--padding[data-v-e757d2ee] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--left {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--right {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-body-text[data-v-5bafbc0e] {
+.device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
   display: block;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .img--left-right {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
   display: none;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .container-image {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
   -o-object-fit: cover;
      object-fit: cover;
   aspect-ratio: 1/1;
@@ -6253,24 +6256,24 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-width: -moz-max-content;
   max-width: max-content;
 }
-.device-wrapper--mobile .mobile-about-container--padding[data-v-5bafbc0e] {
+.device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-.device-wrapper--mobile .text-grid-column[data-v-5bafbc0e] {
+.device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-columns: 1fr;
 }
-.device-wrapper--mobile .full-square-image[data-v-5bafbc0e] {
+.device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
   margin-bottom: 1rem;
 }
-.device-wrapper--mobile .about-container[data-v-5bafbc0e] .about-placeholder {
+.device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
   width: 100%;
 }
-.about-container[data-v-5bafbc0e] .top-img--center {
+.about-container[data-v-e757d2ee] .top-img--center {
   display: grid;
   aspect-ratio: 3/1;
   width: 100%;
@@ -6279,8 +6282,8 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -o-object-position: center;
      object-position: center;
 }
-.about-container[data-v-5bafbc0e] .mob_img--left,
-.about-container[data-v-5bafbc0e] .mob_img--right {
+.about-container[data-v-e757d2ee] .mob_img--left,
+.about-container[data-v-e757d2ee] .mob_img--right {
   padding-top: 1rem;
   padding-bottom: 1rem;
   aspect-ratio: 1/1;
@@ -6290,24 +6293,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
      object-position: center;
   width: 100%;
 }
-.container-grid-columns[data-v-5bafbc0e] {
+.container-grid-columns[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-5bafbc0e] .full-square-image {
-  margin-bottom: 1rem;
+.about-container[data-v-e757d2ee] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.grid-reverse-direction[data-v-5bafbc0e] {
+.grid-reverse-direction[data-v-e757d2ee] {
   direction: rtl;
 }
-.grid-direction-ltr[data-v-5bafbc0e] {
+.grid-direction-ltr[data-v-e757d2ee] {
   direction: ltr;
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
   margin-bottom: 1rem;
   display: grid;
   max-width: 20rem;
@@ -6317,34 +6319,34 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: fit-content;
 }
 @media (max-width: 767px) {
-.about-container[data-v-5bafbc0e] .mob_img--left {
+.about-container[data-v-e757d2ee] .mob_img--left {
     display: block;
     width: 100%;
 }
-.about-container[data-v-5bafbc0e] .mob_img--right {
+.about-container[data-v-e757d2ee] .mob_img--right {
     display: grid;
 }
-.about-container[data-v-5bafbc0e] .img--left-right {
+.about-container[data-v-e757d2ee] .img--left-right {
     display: none;
 }
-.about-body-text[data-v-5bafbc0e] {
+.about-body-text[data-v-e757d2ee] {
     display: block;
 }
-.about-container[data-v-5bafbc0e] .about-placeholder {
+.about-container[data-v-e757d2ee] .about-placeholder {
     width: 100%;
 }
-.text-grid-column[data-v-5bafbc0e] {
+.text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
     grid-template-columns: 1fr;
 }
-.mobile-about-container--padding[data-v-5bafbc0e] {
+.mobile-about-container--padding[data-v-e757d2ee] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
     padding-top: 2.5rem;
     padding-bottom: 2.5rem;
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
     aspect-ratio: 1/1;
     -o-object-fit: cover;
        object-fit: cover;
@@ -6352,23 +6354,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
     max-width: -moz-max-content;
     max-width: max-content;
 }
-.about-container[data-v-5bafbc0e] .full-square-image {
+.about-container[data-v-e757d2ee] .full-square-image {
     margin-bottom: 1rem;
 }
 }
 @media (min-width: 767px) {
-.about-container[data-v-5bafbc0e] .mob_img--right,
-  .about-container[data-v-5bafbc0e] .mob_img--left {
+.about-container[data-v-e757d2ee] .mob_img--right,
+  .about-container[data-v-e757d2ee] .mob_img--left {
     display: none;
 }
-.about-container[data-v-5bafbc0e] .img--left-right {
+.about-container[data-v-e757d2ee] .img--left-right {
     display: grid;
 }
-.text-grid-column[data-v-5bafbc0e] {
+.text-grid-column[data-v-e757d2ee] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-5bafbc0e] .container-image {
+.about-container[data-v-e757d2ee] .container-image {
     aspect-ratio: auto;
 }
 }
@@ -9184,7 +9186,7 @@ input[type='number'][data-v-b7154ee1] {
 }
 }
 
-.c-brand-page-maker[data-v-81f37a67] {
+.c-brand-page-maker[data-v-3bb1d09d] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9194,14 +9196,14 @@ input[type='number'][data-v-b7154ee1] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-81f37a67] {
+.c-brand-page-maker__inner[data-v-3bb1d09d] {
   height: 100%;
 }
-.c-save-bar[data-v-81f37a67] {
+.c-save-bar[data-v-3bb1d09d] {
   position: absolute;
   top: 0px;
   left: 0px;
-  z-index: 20;
+  z-index: 100;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
@@ -9219,7 +9221,7 @@ input[type='number'][data-v-b7154ee1] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-81f37a67] {
+.c-save-bar--visible[data-v-3bb1d09d] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9229,11 +9231,11 @@ input[type='number'][data-v-b7154ee1] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-81f37a67] {
+.c-brand-page-maker[data-v-3bb1d09d] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-81f37a67] {
+.c-brand-page-maker__inner[data-v-3bb1d09d] {
     height: 100%;
 }
 }