Skip to content

Commit 72cd108

Browse files
Refresh /linux-management landing page (#54301)
Update to `/linux-management`. ## Changes - **Page:** new structure and copy based on https://www.figma.com/design/vd5MH0mVBGQM4aq3PbdRti/Website-request-template--Copy-?node-id=2-130 - **Spacing:** added a responsive section spacing scale to `spacing.less` (`@section-200`, `@section-160`, `@section-120`, `@section-64`, `@section-48`, each with `-lg`, `-md`, `-sm`, `-xs` variants), matching the Figma "Spacing / Section" tokens. Only this page uses them so far. - **Headings:** all h2s on the page use `.section-heading()`, so they shrink on xs like the h1s. - **Images:** added the Debian, NVIDIA DGX OS, NVIDIA DGX Spark, and AMD Ryzen AI Halo images. Deleted five images only the removed sections used; nothing else on the site references them. ## Testing Checked `/linux-management` locally at xl, lg, md, sm, and xs: no console errors, no broken images, no horizontal overflow. ## AI **AI:** Claude Code (claude-opus-5-5) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
1 parent 6b8efbf commit 72cd108

12 files changed

Lines changed: 656 additions & 609 deletions
12 KB
Loading
-413 Bytes
Binary file not shown.
-533 Bytes
Binary file not shown.
-581 Bytes
Binary file not shown.
Binary file not shown.
-34.8 KB
Binary file not shown.
12.4 KB
Loading
5.03 KB
Loading
4.66 KB
Loading

‎website/assets/styles/mixins-and-variables/spacing.less‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,38 @@
1818
@section-gap-sm: 24px;
1919
@section-gap-lg: 120px;
2020

21+
// Section spacing scale (Figma: Spacing / Section), named by desktop value.
22+
// LESS variables can't change at a breakpoint, so each size has a variant per
23+
// Bootstrap tier: none = xl (base styles), -lg = lg (max-width: 1199px),
24+
// -md = md (max-width: 991px), -sm = sm (max-width: 767px),
25+
// -xs = xs (max-width: 575px). Each tier is one step down the foundation
26+
// spacing scale; 64px and below stop shrinking at a minimum.
27+
@section-200: 200px;
28+
@section-200-lg: 180px;
29+
@section-200-md: 160px;
30+
@section-200-sm: 140px;
31+
@section-200-xs: 120px;
32+
@section-160: 160px;
33+
@section-160-lg: 140px;
34+
@section-160-md: 120px;
35+
@section-160-sm: 100px;
36+
@section-160-xs: 80px;
37+
@section-120: 120px;
38+
@section-120-lg: 100px;
39+
@section-120-md: 80px;
40+
@section-120-sm: 64px;
41+
@section-120-xs: 56px;
42+
@section-64: 64px;
43+
@section-64-lg: 56px;
44+
@section-64-md: 48px;
45+
@section-64-sm: 40px;
46+
@section-64-xs: 40px;
47+
@section-48: 48px;
48+
@section-48-lg: 40px;
49+
@section-48-md: 32px;
50+
@section-48-sm: 32px;
51+
@section-48-xs: 32px;
52+
2153
// Inner — padding inside containers, cards, inputs, buttons
2254
@inner-padding: 16px;
2355
@inner-padding-sm: 12px;

0 commit comments

Comments
 (0)