From 64a40466af1722c0a67c5740015a5499b3a9834a Mon Sep 17 00:00:00 2001
From: Rohit Tanwar <31792358+kriadmin@users.noreply.github.com>
Date: Mon, 26 Feb 2018 22:39:58 +0530
Subject: [PATCH 1/3] Create disable-selection.

---
 snippets/disable-selection.md | 50 +++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 snippets/disable-selection.md

diff --git a/snippets/disable-selection.md b/snippets/disable-selection.md
new file mode 100644
index 000000000..d39f99d53
--- /dev/null
+++ b/snippets/disable-selection.md
@@ -0,0 +1,50 @@
+### Disable Selection
+
+Makes the content unselectable.
+
+#### HTML
+
+```html
+<div>
+  <p class="unselectable"> You can't select me! </p>
+  <p> You can select me!! </p>
+</div>
+```
+
+#### CSS
+
+```css
+.unselectable {
+  user-select: none;
+}
+```
+
+#### Demo
+
+<!-- You must create a `snippet-demo` parent block and use it as a namespace with BEM syntax. -->
+
+<div class="snippet-demo">
+  <p class="snippet-demo__disable-selection">You can't select me!</p>
+  <p>You can select me!!</p>
+</div>
+
+<!-- Add your style rules here. -->
+
+<style>
+.snippet-demo__disable-selection{
+  user-select: none;
+}
+</style>
+
+#### Explanation
+`user-select: none` defines that the text cannot be selected. 
+#### Browser support
+
+<!-- Use the checkmark or the warning emoji, see the existing snippets. -->
+
+<span class="snippet__support-note">⚠️ Requires prefixes for full support and is not actually in any specification.</span>
+
+<!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed.
+If no link is provided, it defaults to 99+%. -->
+
+* https://caniuse.com/#search=user-select

From 659b8719208dad2982822168aa1c4619faf308da Mon Sep 17 00:00:00 2001
From: atomiks <cc.glows@gmail.com>
Date: Wed, 28 Feb 2018 21:56:26 +1000
Subject: [PATCH 2/3] Update disable-selection.md

---
 snippets/disable-selection.md | 27 ++++++++++-----------------
 1 file changed, 10 insertions(+), 17 deletions(-)

diff --git a/snippets/disable-selection.md b/snippets/disable-selection.md
index d39f99d53..e84b402ec 100644
--- a/snippets/disable-selection.md
+++ b/snippets/disable-selection.md
@@ -1,4 +1,4 @@
-### Disable Selection
+### Disable selection
 
 Makes the content unselectable.
 
@@ -6,8 +6,8 @@ Makes the content unselectable.
 
 ```html
 <div>
-  <p class="unselectable"> You can't select me! </p>
-  <p> You can select me!! </p>
+  <p>You can select me.</p>
+  <p class="unselectable">You can't select me!</p>
 </div>
 ```
 
@@ -21,30 +21,23 @@ Makes the content unselectable.
 
 #### Demo
 
-<!-- You must create a `snippet-demo` parent block and use it as a namespace with BEM syntax. -->
-
 <div class="snippet-demo">
+  <p>You can select me.</p>
   <p class="snippet-demo__disable-selection">You can't select me!</p>
-  <p>You can select me!!</p>
 </div>
 
-<!-- Add your style rules here. -->
-
 <style>
-.snippet-demo__disable-selection{
+.snippet-demo__disable-selection {
   user-select: none;
 }
 </style>
 
 #### Explanation
-`user-select: none` defines that the text cannot be selected. 
+
+`user-select: none` specifies that the text cannot be selected.
+
 #### Browser support
 
-<!-- Use the checkmark or the warning emoji, see the existing snippets. -->
+<span class="snippet__support-note">⚠️ Requires prefixes for full support.</span>
 
-<span class="snippet__support-note">⚠️ Requires prefixes for full support and is not actually in any specification.</span>
-
-<!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed.
-If no link is provided, it defaults to 99+%. -->
-
-* https://caniuse.com/#search=user-select
+* https://caniuse.com/#feat=user-select-none

From 94d4ef171fb43eaa187da63007233e2b0bc779a0 Mon Sep 17 00:00:00 2001
From: atomiks <cc.glows@gmail.com>
Date: Wed, 28 Feb 2018 21:57:20 +1000
Subject: [PATCH 3/3] Update disable-selection.md

---
 snippets/disable-selection.md | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/snippets/disable-selection.md b/snippets/disable-selection.md
index e84b402ec..3250911b7 100644
--- a/snippets/disable-selection.md
+++ b/snippets/disable-selection.md
@@ -5,10 +5,8 @@ Makes the content unselectable.
 #### HTML
 
 ```html
-<div>
-  <p>You can select me.</p>
-  <p class="unselectable">You can't select me!</p>
-</div>
+<p>You can select me.</p>
+<p class="unselectable">You can't select me!</p>
 ```
 
 #### CSS