mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-11 23:54:12 +02:00
Code Issues Releases Wiki Activity

Add theme switcher

Browse Source
This commit is contained in:
Kognise
2019-04-05 09:09:13 -04:00
parent 22cae7e386
commit aabd59c3ea
3 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/index.html
View File

@@ -22,7 +22,7 @@
<p>
Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you.
</p>
<a href='https://www.producthunt.com/posts/water-css?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-water-css' target='_blank'><img src='https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=150490&theme=dark' alt='Water.css - Make your tiny website just a little nicer | Product Hunt Embed' style='width: 250px; height: 54px;' width='250px' height='54px' /></a>
<a href='https://www.producthunt.com/posts/water-css?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-water-css' target='_blank'><img id='ph' src='https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=150490&theme=dark' alt='Water.css - Make your tiny website just a little nicer | Product Hunt Embed' style='width: 250px; height: 54px;' width='250px' height='54px' /></a>
<h2>Is it responsive?</h2>
<p>
@@ -32,6 +32,7 @@
<p>
In fact, try resizing this page. Everything flows super nicely as you'll see.
</p>
<button id='switch'>Switch theme</button>
<h2>More elements</h2>
<p>
@@ -59,6 +60,8 @@
<input type='submit'>
</form>
<input disabled placeholder='This is disabled'>
<input readonly placeholder='This is readonly'>
<input readonly value='This is readonly'>
<script src='script.js'></script>
</body>
</html>