From efd2134d81238245fde5aeaf9e9d9e8f941dcff8 Mon Sep 17 00:00:00 2001 From: dannymcgee Date: Fri, 5 Apr 2019 10:57:41 -0400 Subject: [PATCH 01/10] Centered main container --- water.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/water.css b/water.css index b40c802..11e6a9d 100644 --- a/water.css +++ b/water.css @@ -3,7 +3,7 @@ body { color: #dbdbdb; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; text-rendering: optimizeLegibility; - margin: 20px; + margin: 20px auto; max-width: 800px; line-height: 1.4; } From 137e006311b30031489039604841869d93f399d6 Mon Sep 17 00:00:00 2001 From: dannymcgee Date: Fri, 5 Apr 2019 11:13:35 -0400 Subject: [PATCH 02/10] Button hover states, global transitions --- water.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/water.css b/water.css index 11e6a9d..b1dcdaa 100644 --- a/water.css +++ b/water.css @@ -8,6 +8,17 @@ body { line-height: 1.4; } +button, input[type="submit"] { + cursor: pointer; +} + +a, button, input { + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear; +} + a { color: #41adff; text-decoration: none; @@ -57,6 +68,10 @@ input, select, button, textarea { -webkit-appearance: none; } +button:hover, input[type="submit"]:hover { + background: #324759; +} + input:focus, select:focus, button:focus, textarea:focus { box-shadow: 0 0 0 2px #0096bfab; } @@ -84,6 +99,10 @@ body.light input, body.light select, body.light button, body.light textarea { color: #000000; } +body.light button:hover, body.light input[type="submit"]:hover { + background: #dddddd; +} + ::placeholder { color: #949494; } \ No newline at end of file From 2d2dc4708c966726394158818c63364768d3488e Mon Sep 17 00:00:00 2001 From: dannymcgee Date: Fri, 5 Apr 2019 11:14:43 -0400 Subject: [PATCH 03/10] Extra horizontal padding for buttons --- water.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/water.css b/water.css index b1dcdaa..7c49952 100644 --- a/water.css +++ b/water.css @@ -68,6 +68,11 @@ input, select, button, textarea { -webkit-appearance: none; } +button, input[type="submit"] { + padding-right: 30px; + padding-left: 30px; +} + button:hover, input[type="submit"]:hover { background: #324759; } From 725ff2aede7fa0690df482384757e8283cbc733a Mon Sep 17 00:00:00 2001 From: dannymcgee Date: Fri, 5 Apr 2019 11:18:34 -0400 Subject: [PATCH 04/10] Darkened light theme link color for WCAG AA compliance --- water.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/water.css b/water.css index 7c49952..c74bc2e 100644 --- a/water.css +++ b/water.css @@ -95,6 +95,10 @@ body.light { color: #363636; } +body.light a { + color: #0076D1; +} + body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6, body.light strong { color: #000000; } From 901f911ea916c0748c3cca73694c553092700f1d Mon Sep 17 00:00:00 2001 From: Kognise Date: Fri, 5 Apr 2019 12:47:56 -0400 Subject: [PATCH 05/10] Move demo out of docs folder --- docs/index.html => index.html | 3 ++- docs/script.js => script.js | 0 2 files changed, 2 insertions(+), 1 deletion(-) rename docs/index.html => index.html (96%) rename docs/script.js => script.js (100%) diff --git a/docs/index.html b/index.html similarity index 96% rename from docs/index.html rename to index.html index e175270..d94c19b 100644 --- a/docs/index.html +++ b/index.html @@ -2,8 +2,9 @@ Water.css - + +