BarcelonaCSS: presentation

<link href="barcelonacss.css" rel="stylesheet" media="screen">

Clean HTML

No classitis

Just 1800 lines of CSS
(uncompressed)

Lightweight pages

No javascript

Transportable from Markdown

Simple framework

No dependencies

HTML for content, CSS for design. No more needed.

Easy & Useful

All features

Lots of components and possibilities.

BarcelonaCSS: stylesheets

3 combinable stylesheets + your customizable skin

<!-- Screen styles -->
<link href="barcelonacss/src/styles/screen.css" rel="stylesheet" media="screen">
<link href="barcelonacss/src/styles/components.css" rel="stylesheet" media="screen">
<link href="barcelonacss/src/styles/helpers.css" rel="stylesheet" media="screen">
<link href="barcelonacss/src/styles/skin.css" rel="stylesheet" media="screen">

BarcelonaCSS: builds

CSS base

<link href="barcelonacss/src/styles/screen.css" rel="stylesheet" media="screen">

CSS base + components

<link href="barcelonacss/src/styles/screen.components.css" rel="stylesheet" media="screen">

CSS + helpers

<link href="barcelonacss/src/styles/screen.helpers.css" rel="stylesheet" media="screen">

CSS base + components + helpers

<link href="barcelonacss/src/styles/screencomponents.helpers.css" rel="stylesheet" media="screen">

CSS base (min)

<link href="barcelonacss/src/styles/screen.min.css" rel="stylesheet" media="screen">

CSS base + components (min)

<link href="barcelonacss/src/styles/screen.components.min.css" rel="stylesheet" media="screen">

CSS + helpers (min)

<link href="barcelonacss/src/styles/screen.helpers.min.css" rel="stylesheet" media="screen">

CSS base + components + helpers (min)

<link href="barcelonacss/src/styles/screen.components.helpers.min.css" rel="stylesheet" media="screen">