@designcrowd/library.brand-page 5.16.2 → 5.16.3-background-1

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

@@ -301,6 +301,9 @@ a:not(.tw-lowercase) {
 .tw-top-full {
     top: 100%
 }
+.tw-z-0 {
+    z-index: 0
+}
 .tw-z-10 {
     z-index: 10
 }
@@ -1420,6 +1423,12 @@ a:not(.tw-lowercase) {
     -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));
             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))
 }
+.tw-scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+    -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));
+            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))
+}
 .tw-transform {
     -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));
             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))
@@ -7091,14 +7100,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-4eac537a] {
+.brand-page-root[data-v-fb784289] {
   height: 100%;
 }
-.sortable[data-v-4eac537a] {
+.sortable[data-v-fb784289] {
   outline-color: #b2bdfb;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-4eac537a] {
+.brand-page[data-v-fb784289] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7110,7 +7119,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-4eac537a] {
+.brand-page__inner--default[data-v-fb784289] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -7122,16 +7131,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-4eac537a] {
+.brand-page__inner--desktop[data-v-fb784289] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-4eac537a] {
+.brand-site__header[data-v-fb784289] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-4eac537a] {
+.brand-page__header[data-v-fb784289] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-4eac537a] {
+.brand-page__content--default[data-v-fb784289] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -7148,7 +7157,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-4eac537a] {
+.brand-page__content--desktop[data-v-fb784289] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -7164,15 +7173,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-4eac537a] {
+.brand-page__content--inner[data-v-fb784289] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-4eac537a] {
+.brand-page__content--inner--brandsite[data-v-fb784289] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-4eac537a] {
+.brand-page__content--outline-selected[data-v-fb784289] {
   position: relative;
   z-index: 10;
   outline-color: #b2bdfb;
@@ -7180,20 +7189,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-4eac537a] {
+.brand-page__content--outline-footer-selected[data-v-fb784289] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4eac537a] {
+.brand-page__content--inner--full-width[data-v-fb784289] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4eac537a] {
+.brand-page__content--inner--full-width[data-v-fb784289] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }
@@ -8651,11 +8660,11 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.template-preview[data-v-c5fa6125] {
+.template-preview[data-v-531c5302] {
   position: relative;
   background-attachment: initial !important
 }
-.template-preview__overlay[data-v-c5fa6125] {
+.template-preview__overlay[data-v-531c5302] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8664,12 +8673,31 @@ input[type='number'][data-v-28a532b4] {
   height: 100%;
   width: 100%;
   cursor: pointer;
-  opacity: 0
+  opacity: 0;
+  z-index: 100
 }
-.template-preview__page[data-v-c5fa6125] {
+.template-preview__image-container[data-v-531c5302] {
+  pointer-events: none;
+  height: 100%;
+  width: 100%
+}
+.template-preview__image[data-v-531c5302] {
+  height: 100%;
+  width: 100%;
+  -o-object-fit: fill;
+     object-fit: fill;
+  -webkit-transition: -webkit-filter 0.2s ease;
+  transition: -webkit-filter 0.2s ease;
+  transition: filter 0.2s ease;
+  transition: filter 0.2s ease, -webkit-filter 0.2s ease
+}
+.template-preview__page[data-v-531c5302] {
   pointer-events: none
 }
-.template-preview[data-v-c5fa6125] .c-shape-background {
+.template-preview[data-v-531c5302] .c-shape-background {
+  position: absolute
+}
+.template-preview__image[data-v-531c5302] .c-shape-background {
   position: absolute
 }
 

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

@@ -283,6 +283,9 @@ a.maker-anchor {
 .bp .tw-top-full {
     top: 100%
 }
+.bp .tw-z-0 {
+    z-index: 0
+}
 .bp .tw-z-10 {
     z-index: 10
 }
@@ -1402,6 +1405,12 @@ a.maker-anchor {
     -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));
             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))
 }
+.bp .tw-scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+    -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));
+            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))
+}
 .bp .tw-transform {
     -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));
             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))
@@ -6833,14 +6842,14 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   line-height: 1.5;
 }
 
-.bp .brand-page-root[data-v-4eac537a] {
+.bp .brand-page-root[data-v-fb784289] {
   height: 100%;
 }
-.bp .sortable[data-v-4eac537a] {
+.bp .sortable[data-v-fb784289] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.bp .brand-page[data-v-4eac537a] {
+.bp .brand-page[data-v-fb784289] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -6852,7 +6861,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .brand-page__inner--default[data-v-4eac537a] {
+.bp .brand-page__inner--default[data-v-fb784289] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -6864,16 +6873,16 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .brand-page__inner--desktop[data-v-4eac537a] {
+.bp .brand-page__inner--desktop[data-v-fb784289] {
   min-height: 100vh;
 }
-.bp .brand-site__header[data-v-4eac537a] {
+.bp .brand-site__header[data-v-fb784289] {
   container-type: inline-size;
 }
-.bp .brand-page__header[data-v-4eac537a] {
+.bp .brand-page__header[data-v-fb784289] {
   padding-top: var(--page-padding);
 }
-.bp .brand-page__content--default[data-v-4eac537a] {
+.bp .brand-page__content--default[data-v-fb784289] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -6890,7 +6899,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.bp .brand-page__content--desktop[data-v-4eac537a] {
+.bp .brand-page__content--desktop[data-v-fb784289] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -6906,15 +6915,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: column;
   max-width: 100%;
 }
-.bp .brand-page__content--inner[data-v-4eac537a] {
+.bp .brand-page__content--inner[data-v-fb784289] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .brand-page__content--inner--brandsite[data-v-4eac537a] {
+.bp .brand-page__content--inner--brandsite[data-v-fb784289] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .brand-page__content--outline-selected[data-v-4eac537a] {
+.bp .brand-page__content--outline-selected[data-v-fb784289] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -6922,20 +6931,20 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.bp .brand-page__content--outline-footer-selected[data-v-4eac537a] {
+.bp .brand-page__content--outline-footer-selected[data-v-fb784289] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.bp .brand-page__content--inner--full-width[data-v-4eac537a] {
+.bp .brand-page__content--inner--full-width[data-v-fb784289] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.bp .brand-page__content--inner--full-width[data-v-4eac537a] {
+.bp .brand-page__content--inner--full-width[data-v-fb784289] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }
@@ -8393,11 +8402,11 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.bp .template-preview[data-v-c5fa6125] {
+.bp .template-preview[data-v-531c5302] {
   position: relative;
   background-attachment: initial !important
 }
-.bp .template-preview__overlay[data-v-c5fa6125] {
+.bp .template-preview__overlay[data-v-531c5302] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8406,12 +8415,31 @@ input[type='number'][data-v-28a532b4] {
   height: 100%;
   width: 100%;
   cursor: pointer;
-  opacity: 0
+  opacity: 0;
+  z-index: 100
 }
-.bp .template-preview__page[data-v-c5fa6125] {
+.bp .template-preview__image-container[data-v-531c5302] {
+  pointer-events: none;
+  height: 100%;
+  width: 100%
+}
+.bp .template-preview__image[data-v-531c5302] {
+  height: 100%;
+  width: 100%;
+  -o-object-fit: fill;
+     object-fit: fill;
+  -webkit-transition: -webkit-filter 0.2s ease;
+  transition: -webkit-filter 0.2s ease;
+  transition: filter 0.2s ease;
+  transition: filter 0.2s ease, -webkit-filter 0.2s ease
+}
+.bp .template-preview__page[data-v-531c5302] {
   pointer-events: none
 }
-.bp .template-preview[data-v-c5fa6125] .c-shape-background {
+.bp .template-preview[data-v-531c5302] .c-shape-background {
+  position: absolute
+}
+.bp .template-preview__image[data-v-531c5302] .c-shape-background {
   position: absolute
 }
 

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { bD as E, ar as T, aU as I, a5 as s, aj as N, ai as S, af as A, bt as e, bK as O, cb as G, ca as C, c9 as D, c3 as P, b2 as t, b1 as R, bP as L, bQ as M, bX as o, bM as b, bO as r, bN as F, bR as n, bS as B, c2 as i, c0 as l, aq as g, c1 as Y, a8 as U, aZ as c, a$ as d, a_ as u, e as H, f as y, B as p, $ as K, d as V, a0 as k, j as X, an as m, Z as v, bs as h, bL as W, ay as x, aW as f, aS as z, b_ as Z, bZ as w, C as Q, b5 as j, D as q, b as J, a as $, bV as aa, b4 as _a, aX as Ea, aT as Ta, c7 as Ia, c8 as sa, bY as Na, bH as Sa, ad as Aa, b$ as ea, c4 as Oa, ba as Ga, aK as Ca, bg as Da, F as Pa, a7 as ta, a6 as Ra, h as La, a1 as Ma, b7 as oa, aV as ba, aR as ra, a3 as Fa, ak as na, l as Ba, K as ia, H as la, a9 as ga, bE as Ya, bb as Ua, bc as ca, bC as da, bi as ua, bk as Ha, b6 as ya, L as pa, aJ as Ka, bp as Va, aP as ka, bo as Xa, as as ma, ab as va, bW as ha, c5 as Wa, c6 as xa, aY as fa, N as za, aB as Za, aA as wa, aC as Qa, aw as ja, ax as qa, az as Ja, be as $a, bl as a_, b8 as __, o as E_, al as T_, am as I_, ag as s_, ah as N_, ae as S_, a4 as A_, m as e_, bq as O_, ap as G_, bI as C_, bJ as D_, bU as P_, ac as t_, bG as R_, br as L_, n as M_, S as o_, P as b_, aI as r_, bF as F_, bf as n_, bx as B_, bw as i_, bz as l_, bu as g_, bA as Y_, bB as U_, bv as c_, by as d_, aD as u_, aE as H_, bn as y_, bm as p_, aG as K_, aH as V_, aM as k_, b0 as X_, aL as m_, aN as v_, U as h_, aa as W_, aQ as x_, k as f_, bd as z_, ao as Z_, b9 as w_, bh as Q_, bj as j_, b3 as q_, Q as J_, a2 as $_, g as aE, bT as _E, r as EE, u as TE, M as IE, Y as sE, aF as NE, aO as SE, au as AE, p as eE, W as OE, t as GE, w as CE, at as DE, i as PE, av as tE, c as RE, q as LE, v as ME, V as oE, O as bE, s as rE, X as FE, A as nE, x as BE, y as iE, T as lE, E as gE, R as YE, G as UE, J as cE, z as dE, I as uE } from "./lib-BCV7U_Bf.js";
+import { bD as E, ar as T, aU as I, a5 as s, aj as N, ai as S, af as A, bt as e, bK as O, cb as G, ca as C, c9 as D, c3 as P, b2 as t, b1 as R, bP as L, bQ as M, bX as o, bM as b, bO as r, bN as F, bR as n, bS as B, c2 as i, c0 as l, aq as g, c1 as Y, a8 as U, aZ as c, a$ as d, a_ as u, e as H, f as y, B as p, $ as K, d as V, a0 as k, j as X, an as m, Z as v, bs as h, bL as W, ay as x, aW as f, aS as z, b_ as Z, bZ as w, C as Q, b5 as j, D as q, b as J, a as $, bV as aa, b4 as _a, aX as Ea, aT as Ta, c7 as Ia, c8 as sa, bY as Na, bH as Sa, ad as Aa, b$ as ea, c4 as Oa, ba as Ga, aK as Ca, bg as Da, F as Pa, a7 as ta, a6 as Ra, h as La, a1 as Ma, b7 as oa, aV as ba, aR as ra, a3 as Fa, ak as na, l as Ba, K as ia, H as la, a9 as ga, bE as Ya, bb as Ua, bc as ca, bC as da, bi as ua, bk as Ha, b6 as ya, L as pa, aJ as Ka, bp as Va, aP as ka, bo as Xa, as as ma, ab as va, bW as ha, c5 as Wa, c6 as xa, aY as fa, N as za, aB as Za, aA as wa, aC as Qa, aw as ja, ax as qa, az as Ja, be as $a, bl as a_, b8 as __, o as E_, al as T_, am as I_, ag as s_, ah as N_, ae as S_, a4 as A_, m as e_, bq as O_, ap as G_, bI as C_, bJ as D_, bU as P_, ac as t_, bG as R_, br as L_, n as M_, S as o_, P as b_, aI as r_, bF as F_, bf as n_, bx as B_, bw as i_, bz as l_, bu as g_, bA as Y_, bB as U_, bv as c_, by as d_, aD as u_, aE as H_, bn as y_, bm as p_, aG as K_, aH as V_, aM as k_, b0 as X_, aL as m_, aN as v_, U as h_, aa as W_, aQ as x_, k as f_, bd as z_, ao as Z_, b9 as w_, bh as Q_, bj as j_, b3 as q_, Q as J_, a2 as $_, g as aE, bT as _E, r as EE, u as TE, M as IE, Y as sE, aF as NE, aO as SE, au as AE, p as eE, W as OE, t as GE, w as CE, at as DE, i as PE, av as tE, c as RE, q as LE, v as ME, V as oE, O as bE, s as rE, X as FE, A as nE, x as BE, y as iE, T as lE, E as gE, R as YE, G as UE, J as cE, z as dE, I as uE } from "./lib-Dv7p4Gdd.js";
 import { createPinia as yE, setActivePinia as pE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,