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] 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