@dcodegroup-au/page-builder 0.7.0 → 0.7.1

package/dist/page-builder.css

@@ -712,6 +712,9 @@ select {
 .sticky {
   position: sticky;
 }
+.inset-0 {
+  inset: 0px;
+}
 .-bottom-6 {
   bottom: -1.5rem;
 }
@@ -733,9 +736,6 @@ select {
 .left-5 {
   left: 1.25rem;
 }
-.left-\[120px\] {
-  left: 120px;
-}
 .left-\[70\%\] {
   left: 70%;
 }
@@ -778,6 +778,9 @@ select {
 .z-10 {
   z-index: 10;
 }
+.z-20 {
+  z-index: 20;
+}
 .z-50 {
   z-index: 50;
 }
@@ -819,6 +822,9 @@ select {
 .\!mb-10 {
   margin-bottom: 2.5rem !important;
 }
+.\!ml-0 {
+  margin-left: 0px !important;
+}
 .\!mt-0 {
   margin-top: 0px !important;
 }
@@ -945,9 +951,6 @@ select {
 .inline-flex {
   display: inline-flex;
 }
-.\!grid {
-  display: grid !important;
-}
 .grid {
   display: grid;
 }
@@ -1017,6 +1020,9 @@ select {
 .h-\[28px\] {
   height: 28px;
 }
+.h-\[300px\] {
+  height: 300px;
+}
 .h-\[318px\] {
   height: 318px;
 }
@@ -1096,9 +1102,6 @@ select {
 .w-1\/2 {
   width: 50%;
 }
-.w-1\/3 {
-  width: 33.333333%;
-}
 .w-1\/5 {
   width: 20%;
 }
@@ -1165,6 +1168,9 @@ select {
 .w-\[40px\] {
   width: 40px;
 }
+.w-\[480px\] {
+  width: 480px;
+}
 .w-\[48px\] {
   width: 48px;
 }
@@ -1199,12 +1205,12 @@ select {
 .min-w-\[24px\] {
   min-width: 24px;
 }
+.min-w-\[300px\] {
+  min-width: 300px;
+}
 .min-w-\[400px\] {
   min-width: 400px;
 }
-.min-w-\[480px\] {
-  min-width: 480px;
-}
 .min-w-\[48px\] {
   min-width: 48px;
 }
@@ -1229,9 +1235,6 @@ select {
 .max-w-\[324px\] {
   max-width: 324px;
 }
-.max-w-\[33\.3\%\] {
-  max-width: 33.3%;
-}
 .max-w-\[356px\] {
   max-width: 356px;
 }
@@ -1297,6 +1300,9 @@ select {
 .cursor-pointer {
   cursor: pointer;
 }
+.resize {
+  resize: both;
+}
 .list-inside {
   list-style-position: inside;
 }
@@ -1309,18 +1315,15 @@ select {
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
 .flex-row {
   flex-direction: row;
 }
-.flex-row-reverse {
-  flex-direction: row-reverse;
-}
 .flex-col {
   flex-direction: column;
 }
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
 .flex-wrap {
   flex-wrap: wrap;
 }
@@ -1339,6 +1342,12 @@ select {
 .\!justify-start {
   justify-content: flex-start !important;
 }
+.justify-start {
+  justify-content: flex-start;
+}
+.justify-end {
+  justify-content: flex-end;
+}
 .\!justify-center {
   justify-content: center !important;
 }
@@ -1366,9 +1375,6 @@ select {
 .gap-12 {
   gap: 3rem;
 }
-.gap-16 {
-  gap: 4rem;
-}
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1402,11 +1408,6 @@ select {
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
   margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.space-x-16 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(4rem * var(--tw-space-x-reverse));
-  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
-}
 .space-x-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1.5rem * var(--tw-space-x-reverse));
@@ -1442,21 +1443,12 @@ select {
 .rounded-\[10px\] {
   border-radius: 10px;
 }
-.rounded-\[16px\] {
-  border-radius: 16px;
-}
 .rounded-\[20px\] {
   border-radius: 20px;
 }
-.rounded-\[24px\] {
-  border-radius: 24px;
-}
 .rounded-\[40px\] {
   border-radius: 40px;
 }
-.rounded-\[48px\] {
-  border-radius: 48px;
-}
 .rounded-\[6px\] {
   border-radius: 6px;
 }
@@ -1626,6 +1618,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(15 172 154 / var(--tw-bg-opacity, 1));
 }
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
 .bg-brand-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(230 203 219 / var(--tw-bg-opacity, 1));
@@ -1752,10 +1748,6 @@ select {
   padding-left: 1.5rem !important;
   padding-right: 1.5rem !important;
 }
-.\!py-8 {
-  padding-top: 2rem !important;
-  padding-bottom: 2rem !important;
-}
 .px-0 {
   padding-left: 0px;
   padding-right: 0px;
@@ -1804,10 +1796,6 @@ select {
   padding-left: 10px;
   padding-right: 10px;
 }
-.px-\[120px\] {
-  padding-left: 120px;
-  padding-right: 120px;
-}
 .px-\[14px\] {
   padding-left: 14px;
   padding-right: 14px;
@@ -1872,10 +1860,6 @@ select {
   padding-top: 40px;
   padding-bottom: 40px;
 }
-.py-\[48px\] {
-  padding-top: 48px;
-  padding-bottom: 48px;
-}
 .py-\[9px\] {
   padding-top: 9px;
   padding-bottom: 9px;
@@ -1922,18 +1906,21 @@ select {
 .pr-2 {
   padding-right: 0.5rem;
 }
+.pr-5 {
+  padding-right: 1.25rem;
+}
 .pr-8 {
   padding-right: 2rem;
 }
+.pt-16 {
+  padding-top: 4rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
 .pt-6 {
   padding-top: 1.5rem;
 }
-.pt-\[164px\] {
-  padding-top: 164px;
-}
 .pt-\[17px\] {
   padding-top: 17px;
 }
@@ -1953,9 +1940,9 @@ select {
   font-size: 1rem !important;
   line-height: 1.5rem !important;
 }
-.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
 }
 .text-4xl {
   font-size: 2.25rem;
@@ -1992,9 +1979,6 @@ select {
 .text-\[40px\] {
   font-size: 40px;
 }
-.text-\[48px\] {
-  font-size: 48px;
-}
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -2060,9 +2044,6 @@ select {
 .leading-\[48px\] {
   line-height: 48px;
 }
-.leading-\[60px\] {
-  line-height: 60px;
-}
 .leading-none {
   line-height: 1;
 }
@@ -2178,6 +2159,9 @@ select {
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-60 {
+  opacity: 0.6;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -3029,6 +3013,14 @@ select {
 
 @media (min-width: 640px) {
 
+  .sm\:min-h-\[320px\] {
+    min-height: 320px;
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .sm\:p-0 {
     padding: 0px;
   }
@@ -3041,6 +3033,10 @@ select {
 
 @media (min-width: 768px) {
 
+  .md\:right-\[120px\] {
+    right: 120px;
+  }
+
   .md\:h-5 {
     height: 1.25rem;
   }
@@ -3061,6 +3057,14 @@ select {
     width: 1.25rem;
   }
 
+  .md\:w-\[560px\] {
+    width: 560px;
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -3069,10 +3073,32 @@ select {
     flex-direction: row;
   }
 
+  .md\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .md\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
   .md\:rounded-\[40px\] {
     border-radius: 40px;
   }
 
+  .md\:rounded-\[48px\] {
+    border-radius: 48px;
+  }
+
+  .md\:\!px-0 {
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+  }
+
+  .md\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
   .md\:px-\[120px\] {
     padding-left: 120px;
     padding-right: 120px;
@@ -3087,14 +3113,36 @@ select {
     padding-left: 1.5rem;
   }
 
+  .md\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
   .md\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
+
+  .md\:leading-\[38px\] {
+    line-height: 38px;
+  }
 }
 
 @media (min-width: 1024px) {
 
+  .lg\:absolute {
+    position: absolute;
+  }
+
   .lg\:relative {
     position: relative;
   }
@@ -3103,26 +3151,84 @@ select {
     margin-top: 218px;
   }
 
+  .lg\:hidden {
+    display: none;
+  }
+
   .lg\:\!h-\[266px\] {
     height: 266px !important;
   }
 
+  .lg\:h-\[300px\] {
+    height: 300px;
+  }
+
   .lg\:h-\[336px\] {
     height: 336px;
   }
 
+  .lg\:h-\[480px\] {
+    height: 480px;
+  }
+
   .lg\:w-1\/2 {
     width: 50%;
   }
 
+  .lg\:w-\[350px\] {
+    width: 350px;
+  }
+
+  .lg\:max-w-\[33\.3\%\] {
+    max-width: 33.3%;
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-\[33\%_auto\] {
+    grid-template-columns: 33% auto;
+  }
+
   .lg\:flex-row {
     flex-direction: row;
   }
 
+  .lg\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .lg\:gap-16 {
+    gap: 4rem;
+  }
+
+  .lg\:gap-4 {
+    gap: 1rem;
+  }
+
+  .lg\:gap-8 {
+    gap: 2rem;
+  }
+
   .lg\:p-8 {
     padding: 2rem;
   }
 
+  .lg\:px-\[120px\] {
+    padding-left: 120px;
+    padding-right: 120px;
+  }
+
+  .lg\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
   .lg\:pl-8 {
     padding-left: 2rem;
   }
@@ -3131,15 +3237,52 @@ select {
     padding-right: 4rem;
   }
 
+  .lg\:pt-\[164px\] {
+    padding-top: 164px;
+  }
+
   .lg\:text-\[48px\] {
     font-size: 48px;
   }
 
+  .lg\:leading-\[60px\] {
+    line-height: 60px;
+  }
+
   .lg\:leading-normal {
     line-height: 1.5;
   }
 }
 
+@media (min-width: 1280px) {
+
+  .xl\:left-\[120px\] {
+    left: 120px;
+  }
+
+  .xl\:h-\[480px\] {
+    height: 480px;
+  }
+
+  .xl\:w-\[560px\] {
+    width: 560px;
+  }
+
+  .xl\:gap-\[10\%\] {
+    gap: 10%;
+  }
+
+  .xl\:gap-x-16 {
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
+  }
+
+  .xl\:py-\[48px\] {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+}
+
 @media (min-width: 1440px) {
 
   .\31xl\:mx-0 {
@@ -3151,6 +3294,21 @@ select {
     max-width: 1824px;
   }
 }
+
+.\[\&\]\:grid {
+  display: grid;
+}
+
+.\[\&\]\:flex-col {
+  flex-direction: column;
+}
+
+@media (min-width: 1024px) {
+
+  .\[\&\]\:lg\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+}
 .v-modal[data-v-fbfbcd3a] {
   position: fixed;
   pointer-events: none;
@@ -3465,7 +3623,7 @@ select {
 }
 
 
-.carousel[data-v-a06b7034] {
+.carousel[data-v-88d0c225] {
   margin: 1rem 0;
 }
 
@@ -3486,18 +3644,75 @@ select {
   -webkit-line-clamp: 4; /* Limit the text to 3 lines */
 }
 
-.card[data-v-0fff82fb] {
+.card[data-v-b6625ed3] {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center
 }
 
-.fade-enter-active[data-v-936f7e6f],
-.fade-leave-active[data-v-936f7e6f] {
+@media (min-width: 640px) {
+.link-card__columns--2[data-v-c340ea5c] {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+}
+}
+@media (min-width: 768px) {
+.link-card__columns--3[data-v-c340ea5c] {
+        grid-template-columns: repeat(3, minmax(0, 1fr))
+}
+}
+@media (min-width: 640px) {
+.link-card__columns--4[data-v-c340ea5c] {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+}
+}
+@media (min-width: 1024px) {
+.link-card__columns--4[data-v-c340ea5c] {
+        grid-template-columns: repeat(4, minmax(0, 1fr))
+}
+}
+.link-card__columns--with-featured-image[data-v-c340ea5c] {
+    height: -moz-fit-content;
+    height: fit-content
+}
+.link-card__columns--with-featured-image[data-v-c340ea5c] {
+    flex-direction: column
+}
+.link-card__columns--with-featured-image.link-card__columns--2[data-v-c340ea5c] {
+    grid-template-columns: repeat(1, minmax(0, 1fr))
+}
+@media (min-width: 1024px) {
+.link-card__columns--with-featured-image.link-card__columns--2[data-v-c340ea5c] {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+}
+}
+.link-card__columns--with-featured-image.link-card__columns--3[data-v-c340ea5c] {
+    grid-template-columns: repeat(1, minmax(0, 1fr))
+}
+@media (min-width: 1280px) {
+.link-card__columns--with-featured-image.link-card__columns--3[data-v-c340ea5c] {
+        grid-template-columns: repeat(3, minmax(0, 1fr))
+}
+}
+.link-card__columns--with-featured-image.link-card__columns--4[data-v-c340ea5c] {
+    grid-template-columns: repeat(1, minmax(0, 1fr))
+}
+@media (min-width: 1024px) {
+.link-card__columns--with-featured-image.link-card__columns--4[data-v-c340ea5c] {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+}
+}
+@media (min-width: 1280px) {
+.link-card__columns--with-featured-image.link-card__columns--4[data-v-c340ea5c] {
+        grid-template-columns: repeat(4, minmax(0, 1fr))
+}
+}
+
+.fade-enter-active[data-v-9e6ed7b6],
+.fade-leave-active[data-v-9e6ed7b6] {
   transition: opacity 0.1s ease;
 }
-.fade-enter-from[data-v-936f7e6f],
-.fade-leave-to[data-v-936f7e6f] {
+.fade-enter-from[data-v-9e6ed7b6],
+.fade-leave-to[data-v-9e6ed7b6] {
   opacity: 0;
 }