From 57d98abc503b3f120c4971b9ab9c80c732721ffd Mon Sep 17 00:00:00 2001
From: Matthew Flaschen <mflaschen@wikimedia.org>
Date: Mon, 6 Oct 2014 22:52:32 -0400
Subject: [PATCH] MW UI: Show all permutations of checkboxes in Living Style
 Guide

* Regular unchecked
* Regular checked (added)
* Disabled unchecked
* Disabled checked

Although you can obviously check and uncheck it yourself, it's easier
for the user to show them the permutations on page load.  Otherwise,
they might not even notice the special check mark image.

Also, fix a couple unrelated typos in buttons.less.

Change-Id: I17b63eeb424e23d1c3b9ce9ab8bfaa66b5bf4a46
---
 resources/src/mediawiki.ui/components/buttons.less  | 2 +-
 resources/src/mediawiki.ui/components/checkbox.less | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/src/mediawiki.ui/components/buttons.less b/resources/src/mediawiki.ui/components/buttons.less
index 64909960d6..89a564a81e 100644
--- a/resources/src/mediawiki.ui/components/buttons.less
+++ b/resources/src/mediawiki.ui/components/buttons.less
@@ -188,7 +188,7 @@
 
 	// Quiet buttons
 	//
-	// Use quiet buttons when they are less important and alongisde other progressive/destructive/progressive buttons.
+	// Use quiet buttons when they are less important and alongside other constructive/progressive/destructive buttons.
 	// Use of quiet buttons is not recommended on mobile/tablet due to lack of hover state.
 	//
 	// Markup:
diff --git a/resources/src/mediawiki.ui/components/checkbox.less b/resources/src/mediawiki.ui/components/checkbox.less
index 826c82f00f..a177940a0d 100644
--- a/resources/src/mediawiki.ui/components/checkbox.less
+++ b/resources/src/mediawiki.ui/components/checkbox.less
@@ -14,7 +14,13 @@
 //   <input type="checkbox" id="kss-example-5"><label for="kss-example-5">Standard checkbox</label>
 // </div>
 // <div class="mw-ui-checkbox">
-//   <input type="checkbox" id="kss-example-5-2" disabled><label for="kss-example-5-2">Disabled checkbox</label>
+//   <input type="checkbox" id="kss-example-5-checked" checked><label for="kss-example-5-checked">Standard checked checkbox</label>
+// </div>
+// <div class="mw-ui-checkbox">
+//   <input type="checkbox" id="kss-example-5-disabled" disabled><label for="kss-example-5-disabled">Disabled checkbox</label>
+// </div>
+// <div class="mw-ui-checkbox">
+//   <input type="checkbox" id="kss-example-5-disabled-checked" disabled checked><label for="kss-example-5-disabled-checked">Disabled checked checkbox</label>
 // </div>
 //
 // Styleguide 5.
-- 
2.20.1