Barcelona CSS

Simple CSS?

· Layouts
· Grids
· Dialogs
· Collapsers
· Accordions
· Tabs
· Alerts
· Menus
· Tooltips
· Sliders
· Flips
· Navs
· Lightboxes
...

With Barcelona CSS

Barcelona CSS (or BCN CSS)
is an open source CSS framework:
· Semantic HTML
· Simple CSS
· Transportable from Markdown
· Zero Javascript
· No dependencies
· No massive libraries
· No divitis
· 1 component = 1 class
· All features
· Responsive
· 4 Themes
· Extremely light

No more fake buttons

<a class="button"></a>
			

Meet the emphatic links

<em><a></a></em>
			

Bye, bye events

<a class="trigger"></a>
<script>
...
</script>
			

Hello checkbox states

<input id="modal-one" type="checkbox" hidden>
<label for="modal-one"></label>