diff --git a/docs/index.md b/docs/index.md index 54b7869..4d63bbd 100644 --- a/docs/index.md +++ b/docs/index.md @@ -133,7 +133,7 @@ title: C/C++ Linting - + diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index d0064cd..0838bac 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -197,7 +197,51 @@ th { color: var(--md-default-fg-color--light); } -/* Mobile responsiveness for trusted by section */ +/* Stats grid under trusted by section */ +.stats-grid { + display: flex; + justify-content: center; + align-items: center; + gap: 0; + margin: 2rem auto 0; + padding: 1.5rem 0; + max-width: 700px; +} + +.stat { + flex: 1; + text-align: center; + padding: 0 2rem; + position: relative; +} + +.stat + .stat::before { + content: ''; + position: absolute; + left: 0; + top: 10%; + height: 80%; + width: 1px; + background: var(--md-default-fg-color--lightest); +} + +.stat strong { + display: block; + font-size: 2.2rem; + font-weight: 800; + color: var(--md-primary-fg-color); + line-height: 1.2; + margin-bottom: 0.25rem; +} + +.stat span { + display: block; + font-size: 0.9rem; + color: var(--md-default-fg-color--light); + font-weight: 500; +} + +/* Mobile responsiveness */ @media screen and (max-width: 768px) { .logo-grid { grid-template-columns: repeat(2, 1fr); @@ -205,7 +249,23 @@ th { padding: 0 1rem; } + .stats-grid { + flex-direction: column; + gap: 1.5rem; + padding: 1rem 0; + } + + .stat { + padding: 0.5rem 0; + } + .stat + .stat::before { + display: none; + } + + .stat strong { + font-size: 1.8rem; + } } /* Ensure tab items have proper contrast */