From b03e40f08cac2b4fe5e5d3697e2b5bc8390a1011 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Sun, 31 May 2020 01:14:21 +0200 Subject: [PATCH 1/4] docs: remove mentions of "other options" --- README.md | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 73c62c9..7a6066e 100644 --- a/README.md +++ b/README.md @@ -53,19 +53,17 @@ Just stick this in your ``:
-### Other options: +A **preview** of the different themes is available [on the **demo page**!](https://watercss.kognise.dev/#installation)! ⚡ -> ⚡ An interactive version selection is available [on the **demo page**!](https://watercss.kognise.dev/#installation) +#### How the "Automatic Theme" works -#### Enforce a theme and ignore `(prefers-color-scheme)` +The main `water.css` file automatically switches between light and dark mode depending on the system preferences of a user's device. This detection is made possible through a CSS media query called [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme). In browsers where the preference can't be detected, `water.css` will stick to the light theme. If you want to avoid this behavior, use either `dark.css` or `light.css`. -For the main `water.css` file, light is only treated as a _default theme_: if a user has a preference for either dark or light mode on their device, the stylesheet will respect this. This detection is made possible through a CSS media query called `prefers-color-scheme`. If you want to avoid this behavior and enforce a theme, use either `dark.css` or `light.css`. - -#### Want to support Internet Explorer? +#### Supporting Internet Explorer All three distributions of Water.css support Internet Explorer 11, but the main `water.css` file **doesn't respect the user's color scheme** and will be locked to light mode due to lack of `prefers-color-scheme` support. -Be aware that IE also doesn't support [runtime theming](#theming), and fixed fallback values will be used. If you want to override the Water.css theme, we recommend that you [compile your own theme](#compiling-your-own-theme). +Be aware that IE also doesn't support [runtime theming](#theming), and fixed fallback values will be used. If you want to override the Water.css theme in a way that's compatible with IE, we recommend that you [compile your own theme](#compiling-your-own-theme). #### Unminified builds From 4713674b3b921586279ce6ffc4dacf887c666ca0 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Sun, 31 May 2020 01:16:05 +0200 Subject: [PATCH 2/4] fix: remove double "!" oops!! :D --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7a6066e..c0f79b6 100644 --- a/README.md +++ b/README.md @@ -53,7 +53,7 @@ Just stick this in your ``:
-A **preview** of the different themes is available [on the **demo page**!](https://watercss.kognise.dev/#installation)! ⚡ +A **preview** of the different themes is available [on the **demo page**](https://watercss.kognise.dev/#installation)! ⚡ #### How the "Automatic Theme" works From aaf90b959646b0f8210a17175e12d8c47b8b32cd Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Sun, 31 May 2020 01:16:59 +0200 Subject: [PATCH 3/4] fix: use correct URL for readme image --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c0f79b6..5bf0baf 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@

Water.css

🌊 A drop-in collection of CSS styles to make simple websites just a little nicer

-[![Water.css](logo.svg)](https://watercss.kognise.dev/) +[![Water.css](assets/logo.svg)](https://watercss.kognise.dev/)
From b445291871633888957bbb25d0c942bfc01ee621 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Sun, 31 May 2020 01:17:54 +0200 Subject: [PATCH 4/4] style: add line break --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5bf0baf..6e585ce 100644 --- a/README.md +++ b/README.md @@ -57,7 +57,9 @@ A **preview** of the different themes is available [on the **demo page**](https: #### How the "Automatic Theme" works -The main `water.css` file automatically switches between light and dark mode depending on the system preferences of a user's device. This detection is made possible through a CSS media query called [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme). In browsers where the preference can't be detected, `water.css` will stick to the light theme. If you want to avoid this behavior, use either `dark.css` or `light.css`. +The main `water.css` file automatically switches between light and dark mode depending on the system preferences of a user's device. This detection is made possible through a CSS media query called [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme). In browsers where the preference can't be detected, `water.css` will stick to the light theme. + +If you want to avoid this behavior, use either `dark.css` or `light.css`. #### Supporting Internet Explorer