From 768677dbc52b2abd189143798c3b20565bd0f270 Mon Sep 17 00:00:00 2001
From: Mattia Astorino <astorino.mattia@gmail.com>
Date: Wed, 28 Feb 2018 20:51:36 +0100
Subject: [PATCH] feat: Add rese-all-styles snippet

---
 snippets/reset-all-styles.md | 45 ++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 snippets/reset-all-styles.md

diff --git a/snippets/reset-all-styles.md b/snippets/reset-all-styles.md
new file mode 100644
index 000000000..863635845
--- /dev/null
+++ b/snippets/reset-all-styles.md
@@ -0,0 +1,45 @@
+### Reset all styles
+
+Reset all styles to default values with one css property.
+
+#### HTML
+
+```html
+<div class="reset-style">
+  <h4>Title</h4>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui repellat laborum vitae, molestias tempora velit natus. Quas, assumenda nisi. Quisquam enim qui iure, consequatur velit sit?</p>
+</div>
+```
+
+#### CSS
+
+```css
+.reset-style {
+  all: initial;
+}
+```
+
+#### Demo
+
+<div class="snippet-demo">
+  <div class="snippet-demo__reset-all-styles">
+    <h3>Title</h3>
+    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui repellat laborum vitae, molestias tempora velit natus. Quas, assumenda nisi. Quisquam enim qui iure, consequatur velit sit?</p>
+  </div>
+</div>
+
+<style>
+.snippet-demo__reset-all-styles {
+  all: initial;
+}
+</style>
+
+#### Explanation
+
+The `all` css property allows you to reset all styles (inherited or not) to default values.
+
+#### Browser support
+
+<span class="snippet__support-note">⚠️ MS Edge status is under consideration.</span>
+
+* https://caniuse.com/#feat=css-all
\ No newline at end of file