diff --git a/public/css/main.css b/public/css/main.css index 84870c587..f3828f9e2 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -955,31 +955,6 @@ code { } } -/* Result statement */ -.solution-result { - text-align: center; - padding-top: var(--spacing-lg); -} - -.result-arrow { - display: block; - font-size: 2rem; - color: var(--color-accent); - margin-bottom: var(--spacing-sm); - animation: bounce 1.5s ease-in-out infinite; -} - -.result-text { - font-size: 1.25rem; - color: var(--color-charcoal); - margin: 0; -} - -.result-text em { - font-style: italic; - color: var(--color-accent); - font-weight: 500; -} /* ============================================ SKILLS SECTION diff --git a/public/css/skill-demos.css b/public/css/skill-demos.css index 53fee86de..df334c6ba 100644 --- a/public/css/skill-demos.css +++ b/public/css/skill-demos.css @@ -180,7 +180,6 @@ font-size: 0.6875rem; letter-spacing: 0.03em; color: var(--color-ash); - border-top: 1px solid var(--color-mist); background: var(--color-paper); text-align: center; } diff --git a/public/css/styles.css b/public/css/styles.css index 285d85130..a9fcf39cd 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -374,13 +374,12 @@ font-weight: 500; } .terminal-preview { - border: 1px solid var(--color-mist); - border-radius: 4px; background: var(--color-paper); margin: var(--spacing-sm) 0; flex: 1; min-height: 0; - overflow: auto; + overflow: hidden; + border-radius: 12px; } .terminal-cursor-line { flex-shrink: 0; @@ -458,7 +457,6 @@ color: var(--color-ash); text-align: center; padding: var(--spacing-sm) var(--spacing-md); - border-top: 1px solid var(--color-mist); } @keyframes blink { 50% { @@ -1040,7 +1038,6 @@ font-size: 0.6875rem; letter-spacing: 0.03em; color: var(--color-ash); - border-top: 1px solid var(--color-mist); background: var(--color-paper); text-align: center; } @@ -2693,27 +2690,6 @@ code { font-size: 2rem; } } -.solution-result { - text-align: center; - padding-top: var(--spacing-lg); -} -.result-arrow { - display: block; - font-size: 2rem; - color: var(--color-accent); - margin-bottom: var(--spacing-sm); - animation: bounce 1.5s ease-in-out infinite; -} -.result-text { - font-size: 1.25rem; - color: var(--color-charcoal); - margin: 0; -} -.result-text em { - font-style: italic; - color: var(--color-accent); - font-weight: 500; -} .skills-section { padding: var(--spacing-2xl) 0; border-top: 1px solid var(--color-mist); diff --git a/public/css/workflow.css b/public/css/workflow.css index 9336cc822..893bdf877 100644 --- a/public/css/workflow.css +++ b/public/css/workflow.css @@ -356,13 +356,12 @@ } .terminal-preview { - border: 1px solid var(--color-mist); - border-radius: 4px; background: var(--color-paper); margin: var(--spacing-sm) 0; flex: 1; min-height: 0; /* Allow shrinking */ - overflow: auto; + overflow: hidden; + border-radius: 12px; } .terminal-cursor-line { @@ -452,7 +451,6 @@ color: var(--color-ash); text-align: center; padding: var(--spacing-sm) var(--spacing-md); - border-top: 1px solid var(--color-mist); } @keyframes blink { 50% { opacity: 0; } } diff --git a/public/index.html b/public/index.html index ff52b22d2..4f8e4e3be 100644 --- a/public/index.html +++ b/public/index.html @@ -159,10 +159,6 @@ -
- -

Together, they transform generic output into impeccable design.

-
@@ -171,7 +167,7 @@
03

Commands in Action

-

See how commands transform your designs View cheatsheet →

+

See the commands in action View cheatsheet →