NA - Indent properly

Netcentric · Mar 5, 2024 · a8e2f7e · a8e2f7e
1 parent a8b39f9
commit a8e2f7e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/scripts/aem.js b/scripts/aem.js
@@ -718,7 +718,7 @@ function decorateSpaceshipFocusPageH1() {
   if (spaceshipFocusPageH1Element) {
     const innerText = spaceshipFocusPageH1Element.textContent.trim();
     const arr = innerText.split(' ');
-    const result = `<span class="rotate">${arr.join(' </span><span class="rotate">')}</span>`;
+    const result = `<span class="indent">${arr.join(' </span><span class="indent">')}</span>`;
 
     spaceshipFocusPageH1Element.innerHTML = result;
   }

diff --git a/styles/baseModel.css b/styles/baseModel.css
@@ -24,23 +24,21 @@ body.ship-focus .default-content-wrapper .main-group > h1:first-child {
   position: absolute;
   left: 30%;
   margin: 64px auto 0;
-  word-break: keep-all;
-  word-spacing: 9999px;
   text-align: left;
   font-size: 150px;
   color: var(--dark-blue);
   text-transform: uppercase;
-  transform: skew(40deg);
   line-height: 150px;
   width: 55%;
   text-shadow: 0 0 64px white;
 }
 
-body.ship-focus .default-content-wrapper .main-group > h1:first-child .rotate {
-  position: relative;
-  white-space: pre-wrap;
-  transform: skew(-40deg);
-  display: inline-block;
+body.ship-focus .default-content-wrapper .main-group > h1:first-child .indent:nth-child(2) {
+  padding-left: 10%;
+}
+
+body.ship-focus .default-content-wrapper .main-group > h1:first-child .indent:nth-child(3) {
+  padding-left: 20%;
 }
 
 body.ship-focus .default-content-wrapper .sub-group p,