0.7.2 • Published 9 months ago
blog-css v0.7.2
BlogCSS
A few BEM styles for simple responsive blog.
Blocks
Navigation
Search
Normal search input:
<form action="" class="search">
<input class="search__input" placeholder="Search" type="text" />
</form>
Disabled search input:
<form action="" class="search">
<input class="search__input" placeholder="Search" type="text" disabled />
</form>
Main
Blockquote
<figure class="blockquote">
<blockquote cite="https://www.huxley.net/bnw/four.html">
<p>
Words can be like X-rays, if you use them properly—they’ll go through
anything. You read and you’re pierced.
</p>
</blockquote>
<figcaption class="blockquote__attribution">
— Aldous Huxley,
<a href="https://www.huxley.net/bnw/four.html">Brave New World</a>
</figcaption>
</figure>
Sidebar
Widget
Sidebar widget with list content:
<section class="sidebar-widget">
<header class="sidebar-widget__header">Recent posts</header>
<ul class="sidebar-widget__content sidebar-widget__content--list">
<li class="sidebar-widget__list-item">
<a href="#">Post 1</a>
</li>
<li class="sidebar-widget__list-item">
<a href="#">Post 2 with really long title, which should be truncated</a>
</li>
<li class="sidebar-widget__list-item">
<a href="#">Post 3</a>
</li>
</ul>
</section>
Sidebar widget with tags content:
<section class="sidebar-widget">
<header class="sidebar-widget__header">Tags</header>
<ul class="sidebar-widget__content sidebar-widget__content--tags">
<li class="sidebar-widget__tag"><a href="#">Tag 1</a></li>
<li class="sidebar-widget__tag"><a href="#">Tag 2</a></li>
<li class="sidebar-widget__tag"><a href="#">Tag 3</a></li>
</ul>
</section>
0.7.2
9 months ago
0.7.1
9 months ago
0.7.0
9 months ago
0.6.1
9 months ago
0.6.0
9 months ago
0.3.6
1 year ago
0.3.5
1 year ago
0.5.0
1 year ago
0.4.0
1 year ago
0.3.4
1 year ago
0.3.3
1 year ago
0.3.2
1 year ago
0.3.0
2 years ago
0.3.1
2 years ago
0.2.13
2 years ago
0.2.12
2 years ago
0.2.11
2 years ago
0.2.10
2 years ago
0.2.7
2 years ago
0.2.6
2 years ago
0.2.9
2 years ago
0.2.8
2 years ago
0.2.5
2 years ago
0.2.4
2 years ago
0.1.0
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago
0.1.1
2 years ago
0.2.3
2 years ago
0.2.2
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago