Theme Elements Showcase

Typography

Blog Title (.blog-title)

Blog Subtitle (.blog-subtitle)

Article Title (.blog-article-title)

Article excerpt text (.blog-article-excerpt)

Meta information(.blog-article-meta)

Buttons

Tags

Tag 1 (.blog-tag)Tag 2Tag 3

Navigation

Cards

Card Title (.blog-card-title)

Card excerpt text (.blog-card-excerpt)

Another Card

More card content here

Article Layout

Article Header (.blog-article-header)

Author NameDateRead Time

Article content area (.blog-article-content) with excerpt styling.

Layout Classes

.blog-container- Main content container with max-width and padding
.blog-header- Header section with padding and border
.blog-grid- Responsive grid layout for cards

CSS Custom Properties

--blog-primary
--blog-secondary
--blog-accent
--blog-text
--blog-bg
--blog-border