diff options
Diffstat (limited to 'assets/css/components/feed.css')
| -rw-r--r-- | assets/css/components/feed.css | 101 |
1 files changed, 0 insertions, 101 deletions
diff --git a/assets/css/components/feed.css b/assets/css/components/feed.css deleted file mode 100644 index 0902198..0000000 --- a/assets/css/components/feed.css +++ /dev/null @@ -1,101 +0,0 @@ -/* feed.css */ -.feed-section { - padding: var(--section-py-mobile) 0; -} - -@media (min-width: 768px) { - .feed-section { - padding: var(--section-py-desktop) 0; - } -} - -.feed-label { - font-family: var(--font-mono); - font-size: 0.75rem; - letter-spacing: 0.15em; - text-transform: uppercase; - color: var(--accent); - margin-bottom: 1.5rem; -} - -.feed-grid { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); - gap: var(--gap-md); - margin-bottom: var(--gap-xl); -} - -@media (min-width: 768px) { - .feed-grid { - grid-template-columns: repeat(2, 1fr); - } -} - -@media (min-width: 1200px) { - .feed-grid { - grid-template-columns: repeat(3, 1fr); - } -} - -.feed-list { - display: flex; - flex-direction: column; - gap: var(--gap-md); -} - -.feed-list .post-card { - flex-direction: row; -} - -/* Filter bar */ -.filter-bar { - display: flex; - gap: var(--gap-sm); - margin-bottom: var(--gap-lg); - flex-wrap: wrap; -} - -.filter-btn { - font-family: var(--font-mono); - font-size: var(--fs-badge); - padding: 0.4rem 1rem; - border: 1px solid var(--border); - border-radius: 20px; - background: transparent; - color: var(--text-dim); - text-transform: uppercase; - letter-spacing: 0.1em; - cursor: pointer; - transition: var(--transition); -} - -.filter-btn:hover { - border-color: var(--accent); - color: var(--accent); -} - -.filter-btn.active { - background: var(--accent); - color: #fff; - border-color: var(--accent); -} - -/* View all link */ -.feed-cta { - display: inline-block; - padding: 0.75rem 1.5rem; - background: var(--accent); - color: #fff; - border-radius: 4px; - font-family: var(--font-mono); - font-size: var(--fs-btn); - text-transform: uppercase; - letter-spacing: 0.1em; - text-decoration: none; - transition: var(--transition); -} - -.feed-cta:hover { - background: var(--accent2); - color: var(--bg); -} |
