diff options
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 518e749..ad78700 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,11 +1,17 @@ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;600&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;1,300&family=Oxanium:wght@700;800&display=swap'); @import 'variables.css'; +@import 'components/hamburger.css'; @import 'components/header.css'; @import 'components/footer.css'; @import 'components/hero.css'; @import 'components/card.css'; @import 'components/feed.css'; +@import 'components/timeline.css'; +@import 'components/article-hero.css'; +@import 'components/share-sidebar.css'; +@import 'components/lightbox.css'; +@import 'components/404.css'; @import 'components/code.css'; @import 'components/progress-bar.css'; @@ -28,6 +34,22 @@ body { font-size: var(--fs-body); line-height: 1.95; transition: background-color 0.2s, color 0.2s; + position: relative; +} + +/* Dot grid background (shared across all pages) */ +body::before { + content: ''; + position: fixed; + inset: 0; + z-index: var(--z-matrix); + pointer-events: none; + background-image: radial-gradient(circle, rgba(168, 85, 247, 0.07) 1px, transparent 1px); + background-size: 30px 30px; +} + +html.theme-light body::before { + background-image: radial-gradient(circle, rgba(124, 58, 237, 0.05) 1px, transparent 1px); } /* Typography */ |