Cleanup

architect · May 2, 2024 · c4a3561 · c4a3561
1 parent 45d70b6
commit c4a3561
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 14 deletions.
diff --git a/src/landing/elements/arc-attribution.mjs b/src/landing/elements/arc-attribution.mjs
@@ -3,16 +3,12 @@ import arc from '@architect/functions'
 export default function ArcAttribution ({ html }) {
   return html`
     <style>
-      .outer {
-        padding-block: var(--space-2);
-      }
-
       img {
         inline-size: clamp(120px, 10vw, 200px);
       }
     </style>
     <arc-container>
-      <figure class="outer grid gap4 col-1 col-2-lg align-items-center text-center text-start-lg si-100">
+      <figure class="pb2 grid gap4 col-1 col-2-lg align-items-center text-center text-start-lg si-100">
         <figure class="grid gap0 col-1 col-2-lg align-items-center">
           <p class="font-semibold text-1 uppercase tracking2">Open governance</p>
           <img src="${arc.static('landing/openjs-foundation-logo.svg')}" alt="OpenJS Foundation" class="mi-auto" />

diff --git a/src/landing/elements/arc-graphic.mjs b/src/landing/elements/arc-graphic.mjs
@@ -1,12 +1,11 @@
 export default function ArcGraphic ({ html }) {
   return html`
     <style>
-
-        @keyframes rotate {
-          0% { rotate: 0deg; scale: 1; }
-          50% { scale: 1.25; }
-          100%   { rotate: 360deg; scale: 1; }
-        }
+      @keyframes rotate {
+        0% { rotate: 0deg; scale: 1; }
+        50% { scale: 1.25; }
+        100%   { rotate: 360deg; scale: 1; }
+      }
 
       #halftone {
         color: var(--blue-200);

diff --git a/src/landing/elements/arc-landing.mjs b/src/landing/elements/arc-landing.mjs
@@ -2,7 +2,6 @@ export default function ArcLanding ({ html }) {
   return html`
     <style scope="global">
       arc-logo {
-        display: block;
         inline-size: clamp(120px, 25vw, 12.5em);
       }
 
@@ -28,7 +27,7 @@ export default function ArcLanding ({ html }) {
     <arc-container class="pbs4 relative">
       <header class="mbe4">
         <h1>
-          <arc-logo></arc-logo>
+          <arc-logo class="block"></arc-logo>
           <span class="screenreader-only">Architect</span>
         </h1>
       </header>

diff --git a/src/landing/elements/foot-er.mjs b/src/landing/elements/foot-er.mjs
@@ -7,7 +7,7 @@ export default function Footer ({ html }) {
     </style>
     <arc-container class="mbs6 mbe7">
       <hr class="mb6" />
-      <arc-logo></arc-logo>
+      <arc-logo class="block"></arc-logo>
       <h2 class="font-medium text3 text4-lg leading1 tracking-2 mbs5 mbe6">
         Ditch the complexity and vendor cruft. <span>Get started with Architect today.</span>
       </h2>