Download

Download the latest version here — awsm.css.

Minified — awsm.min.css (≈3 Kb after gzip).

You also can download tarball of the project.

Sealed

If you want to to use awsm.css inside any other projects without any side effects, just download “sealed” version that applies styles to .awsm selector, without changing global namespace.

Here it is: awsm_sealed.css, awsm_sealed.min.css.

Themes

Here is a list of all available themes:

white

Simple black on white theme, that you saw when firstly met awsm.css.

Original (min), sealed (min).

gondola

“Premium” theme with dark wine background color.

Original (min), sealed (min).

mischka

Grey-ish military looking theme with nice red links.

Original (min), sealed (min).

big-stone

Awesome colored dark blue theme that looks like you're under water. I'm sure that Aquaman likes this theme!

Original (min), sealed (min).

black

I created this theme using color inversion on the white version. And I got old-fashion theme that looks like you're in 80's.

Original (min), sealed (min).

tasman

Do you like pistachios?

Original (min), sealed (min).

pastel-pink

Just a nice pink theme.

Original (min), sealed (min).

pearl-lusta

Really warm theme with colors like orange, red, pink and some others.

Original (min), sealed (min).

Dark Mode Support

If you need a “Dark Mode” support, just inject two CSS files and use media queries:

<!-- CSS for users with dark mode -->
<link rel="stylesheet" href="awsm_theme_big-stone.min.css" media="(prefers-color-scheme: dark)">

<!-- CSS for users without dark mode -->
<link rel="stylesheet" href="awsm_theme_pearl-lusta.min.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">

(See #103 for other solutions.)

unpkg

You can use unpkg for link latest or exact version of the library:

<link rel="stylesheet" href="https://unpkg.com/awsm.css/dist/awsm.min.css">

All themes are available there too:

<link rel="stylesheet" href="https://unpkg.com/awsm.css/dist/awsm_theme_big-stone.min.css">

Get more information about the unpkg CDN on unpkg.com.

PostCSS API

If you install npm package, you can use library as PostCSS plugin:

const postcss = require('postcss');
const awsm = require('awsm.css');

postcss([awsm({ theme: 'tasman', sealed: true })])
  .process('a {color: red}')
  .then(result => {
    console.log(result.css); // awsm.css prepends your CSS 
  });

Options

theme: Defines theme to inject.
Default: white.
sealed: When set to true, styles are wrapped by .awsm selector. Useful when you don't want awsm.css to change global namespace.
Default: false.

License

awsm.css licensed under the MIT.

The MIT License places almost no restrictions on what you can do with this lib. You are free to use it in commercial projects as long as the copyright is left intact.

Credits

Thanks to Anastasia Medvedeva for photo & video used in examples, and for themes inspiration.