From 3b69f402b95708883c75a7d9b329715ba6b62967 Mon Sep 17 00:00:00 2001 From: Amjad Masad Date: Sun, 7 Apr 2019 05:04:48 -0700 Subject: [PATCH 1/2] Add try on repl.it --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 782bc7f..298ec3d 100644 --- a/README.md +++ b/README.md @@ -8,6 +8,8 @@ [![On product hunt](https://img.shields.io/badge/on-product%20hunt-red.svg)](https://www.producthunt.com/posts/water-css) [![MIT license](https://img.shields.io/github/license/kognise/water.css.svg)](https://github.com/kognise/water.css/blob/master/LICENSE.md) +[![Try on repl.it](https://repl-badge.jajoosam.repl.co/try.png)](https://repl.it/@amasad/water-css?ref=button) + ## Goals - Responsive From 81520e1b4e2d42bec5a196617808be9b0397033a Mon Sep 17 00:00:00 2001 From: Kognise Date: Sun, 7 Apr 2019 09:33:17 -0400 Subject: [PATCH 2/2] Repl.it badge now points to build system demo repl --- README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 298ec3d..dc49180 100644 --- a/README.md +++ b/README.md @@ -8,8 +8,6 @@ [![On product hunt](https://img.shields.io/badge/on-product%20hunt-red.svg)](https://www.producthunt.com/posts/water-css) [![MIT license](https://img.shields.io/github/license/kognise/water.css.svg)](https://github.com/kognise/water.css/blob/master/LICENSE.md) -[![Try on repl.it](https://repl-badge.jajoosam.repl.co/try.png)](https://repl.it/@amasad/water-css?ref=button) - ## Goals - Responsive @@ -43,9 +41,7 @@ Well, there's a dark theme and a light theme. If you want the light theme, use ` No other classes or code is required to make Water.css work. If you want a specific version, you can replace `@latest` with `@version`. See [all the versions](https://github.com/kognise/water.css/releases). -Oh, you want a demo you say? Cheeky fellah! - -[Well, here's your demo.](https://kognise.github.io/water.css/) +**Oh, you want a demo you say?** Cheeky fellah! [Well, here's your demo.](https://kognise.github.io/water.css/) Don't like how it looks? Feel free to submit an issue or PR with suggestions. @@ -80,6 +76,10 @@ Do you want to make your own theme different from the light or dark themes? Sinc - `$form-placeholder` - `$form-text` +Wanna quickly try theming out without installing anything or just explore our build environment? + +[![Try on Repl.it](https://repl-badge.jajoosam.repl.co/try.png)](https://repl.it/@Kognise/watercss-node?ref=button) + ### Based on an existing theme You can base your theme off of the existing light or dark themes, which already have some variables predefined to make it easier for you.