@iamproperty/components 7.8.2--beta9 → 7.8.2--beta10

package/assets/sass/templates/auth.scss

@@ -10,14 +10,11 @@
     flex-direction: row;
     justify-content: center;
     background-color: var(--colour-canvas-2);
-  }
 
-  .template--auth {
-    --padding-top: 1.5rem;
+        --padding-top: 1.5rem;
     --brand-size: 2.25rem;
 
-    display: flex;
-    flex-wrap: wrap;
+    //flex-wrap: wrap;
     max-width: 80rem;
     margin-inline: auto;
 
@@ -26,81 +23,84 @@
       --brand-size: 4rem;
     }
 
-    main {
-      display: flex;
-      flex-direction: column;
-      min-height: 100vh;
-      padding-top: var(--padding-top);
-      padding-bottom: var(--padding-top);
-      padding-inline: var(--container-padding-x);
-
-      @media screen and (min-width: 62em) {
-        flex: 0 0 auto;
-        width: 43.75%;
-        padding-inline-end: calc(var(--container-padding-x) - 1rem);
-      }
+  }
 
-      .brand {
-        font-size: var(--brand-size);
-        padding-top: 0;
-      }
+  .template--auth {
+
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    padding-top: var(--padding-top);
+    padding-bottom: var(--padding-top);
+    padding-inline: var(--container-padding-x);
+
+    @media screen and (min-width: 62em) {
+      flex: 0 0 auto;
+      width: 43.75%;
+      padding-inline-end: calc(var(--container-padding-x) - 1rem);
+    }
+
+    .brand {
+      font-size: var(--brand-size);
+      padding-top: 0;
     }
+  }
 
-    aside {
-      display: none;
-      background-color: var(--colour-primary-theme);
+  body:has(.template--auth) aside {
+    display: none;
+    //background-color: var(--colour-primary-theme);
 
-      @media screen and (min-width: 62em) {
-        display: block;
-        flex: 0 0 auto;
-        width: 56.25%;
-        padding-inline: var(--container-padding-x) !important;
-        padding-block: var(--padding-top);
-        position: relative;
-        overflow: hidden;
-      }
+    @media screen and (min-width: 62em) {
+      display: block;
+      flex: 0 0 auto;
+      width: 56.25%;
+      padding-inline: var(--container-padding-x) !important;
+      padding-block: var(--padding-top);
+      position: relative;
+      overflow: hidden;
+    }
 
-      > figure {
-        position: relative;
+    > figure {
+      position: relative;
+      display: block;
+      margin-top: calc(var(--padding-top) * -1);
+      margin-inline: calc(var(--container-padding-x) * -1);
+      min-width: calc(100% + var(--container-padding-x) + var(--container-padding-x));
+      margin-bottom: 2.5rem;
+      max-height: 25rem; /* 400 */
+      clip-path: ellipse(70% 80% at 50% 20%);
+      rotate: -5deg;
+
+      &:after {
+        content: '';
+        position: absolute;
         display: block;
-        margin-top: calc(var(--padding-top) * -1);
-        margin-inline: calc(var(--container-padding-x) * -1);
-        min-width: calc(100% + var(--container-padding-x) + var(--container-padding-x));
-        margin-bottom: 2.5rem;
-        max-height: 25rem; /* 400 */
-        clip-path: ellipse(70% 80% at 50% 20%);
-        rotate: -5deg;
 
-        &:after {
-          content: '';
-          position: absolute;
-          display: block;
-
-          right: -2rem;
-          left: -2rem;
-          bottom: -1rem;
-          height: 50%;
-
-          rotate: -5deg;
-          background: linear-gradient(
-            0deg,
-            rgba(0, 49, 60, 1) 0%,
-            rgba(28, 182, 226, 0.45) 40%,
-            rgba(28, 182, 226, 0) 100%
-          );
-          opacity: 0.9;
-        }
-      }
+        right: -2rem;
+        left: -2rem;
+        bottom: -1rem;
+        height: 50%;
 
-      img {
-        margin-inline: -1.5rem;
-        min-width: calc(100% + 1.5rem + 1.5rem);
-        margin-top: -0.75rem;
-        max-height: 26.5rem;
-        object-fit: cover;
-        object-position: 50% 50%;
-        rotate: 5deg;
+        rotate: -5deg;
+        background: linear-gradient(
+          0deg,
+          rgba(0, 49, 60, 1) 0%,
+          rgba(28, 182, 226, 0.45) 40%,
+          rgba(28, 182, 226, 0) 100%
+        );
+        opacity: 0.9;
       }
     }
+
+    img {
+      margin-inline: -1.5rem;
+      min-width: calc(100% + 1.5rem + 1.5rem);
+      margin-top: -0.75rem;
+      max-height: 26.5rem;
+      object-fit: cover;
+      object-position: 50% 50%;
+      rotate: 5deg;
+    }
   }
+
 }

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "7.8.2--beta9",
+  "version": "7.8.2--beta10",
   "scripts": {
     "reload": "vite --host",
     "dev": "npm run copy && node local_modules/delete-assets.cjs && npm run compile && npm run watch",