Skip to content

fix: add horizontal scroll to code blocks on narrow viewports (#1350) #1355

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
SAPTARSHI-coder merged 2 commits into from
Jun 5, 2026
+8 −14
Merged

fix: add horizontal scroll to code blocks on narrow viewports (#1350) #1355

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f3d1810
fix: add horizontal scroll to code blocks on narrow viewports (#1350)
Jun 4, 2026
c060ac7
fix: resolve htmlhint errors in docs/index.html
Jun 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 8 additions & 14 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -379,6 +379,9 @@
font-size: var(--ease-text-sm);
line-height: 1.7;
border-radius: 0;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.docs-code-lang {
Expand Down Expand Up @@ -887,16 +890,8 @@ <h3 class="docs-h3">Spacing Scale</h3>
<p class="docs-p">Based on a 4px base unit: <code>--ease-space-1</code> (4px) → <code>--ease-space-16</code>
(64px).</p>
</section>
<section id="variables" class="docs-section">
<h2 class="docs-h2">Variables</h2>

<p class="docs-p">
All values are defined as CSS custom properties in <code>:root</code>.
Override any token to customize colors, spacing, typography, shadows,
animations, and component behavior across the framework.
</p>

<h3 class="docs-h3">CSS Custom Properties Reference</h3>
<section id="custom-properties" class="docs-section">
<h2 class="docs-h2">CSS Custom Properties Reference</h2>

<p class="docs-p">
Every <code>--ease-*</code> token can be overridden globally:
Expand Down Expand Up @@ -1508,16 +1503,15 @@ <h3 class="docs-h3">Hover Animations</h3>
<h3 class="docs-h3">Delay Helpers</h3>
<div class="docs-code">
<span class="docs-code-lang">html</span>
<pre><code>&lt;!-- Staggered entrance sequence --&gt;

<pre><code>&lt;!-- Staggered entrance sequence --&gt;</code></pre>
</div>
</section>

<hr class="docs-divider" />

<!-- ══════════════ ANIMATIONS ══════════════ -->
<section id="animations" class="docs-section">
<h2 class="docs-h2">Animations</h2>
<section id="animations-reference" class="docs-section">
<h2 class="docs-h2">Animations Reference</h2>
<p class="docs-p">Add any entrance class to trigger the animation on page load. Combine with delay classes
for staggered sequences.</p>

Expand Down
Loading