From abc93ca13c9db9ae30064dff29503cf32bb4a32f Mon Sep 17 00:00:00 2001
From: Yogesh Ojha <yogesh.ojha11@gmail.com>
Date: Sun, 28 Jun 2020 00:00:47 +0530
Subject: [PATCH 1/3] added some css properties

---
 tools/emmet.md | 40 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/tools/emmet.md b/tools/emmet.md
index 64f6b52..4e24d67 100644
--- a/tools/emmet.md
+++ b/tools/emmet.md
@@ -14,7 +14,7 @@ You can use Emmet in two ways:
 
 __This cheatsheet will assume that you press `Tab` after each expressions.__
 
-## Basics
+## HTML
 
 ### Generating  HTML 5 DOCTYPE
 `html:5`
@@ -215,3 +215,41 @@ To start the numbering from specific number, use this way
   </ul>
 </div>
 ```
+
+
+## CSS
+
+Emmet works surprisingly well with css as well.
+
+* `f:l`
+
+```css
+float: left;
+```
+
+You can also use any options n/r/l
+
+* `pos:a­`
+
+```css
+position: absolute;
+```
+
+Also use any options, pos:a/r/f
+
+* `d:n/b­/f/­i/ib`
+
+`d:ib`
+
+```css
+display: inline-block;
+```
+
+You can also use these shorthands
+
+| Shorthand      | Description |
+| ----------- | ----------- |
+| z      | z-index       |
+| fz   | font-size        |
+| fw   | font-weight        |
+| maw   | max-width        |

From 7eb73eaf5016c6fa77b00ed3533a5fd7e27b110a Mon Sep 17 00:00:00 2001
From: Yogesh Ojha <yogesh.ojha11@gmail.com>
Date: Sun, 28 Jun 2020 00:05:51 +0530
Subject: [PATCH 2/3] css property table

---
 tools/emmet.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/tools/emmet.md b/tools/emmet.md
index 4e24d67..1d06b64 100644
--- a/tools/emmet.md
+++ b/tools/emmet.md
@@ -245,11 +245,32 @@ Also use any options, pos:a/r/f
 display: inline-block;
 ```
 
+* `@f` will result in
+
+```css
+@font-face {
+  font-family:;
+  src:url();
+}
+```
+
 You can also use these shorthands
 
 | Shorthand      | Description |
 | ----------- | ----------- |
 | z      | z-index       |
+| w      | width       |
+| h      | height       |
 | fz   | font-size        |
+| ff   | font-family        |
 | fw   | font-weight        |
+| @lh   | line-height        |
 | maw   | max-width        |
+| mah   | max-height        |
+| miw   | min-width        |
+| mih   | min-width        |
+| !   | !important        |
+| @f   | font-face        |
+| @op   | opacity        |
+| @lh   | line-height        |
+| @op   | opacity        |

From 7c8d3339a9714cf2f2a00e95b4b3028bdd2f20a8 Mon Sep 17 00:00:00 2001
From: Yogesh Ojha <yogesh.ojha11@gmail.com>
Date: Sun, 28 Jun 2020 00:08:07 +0530
Subject: [PATCH 3/3] margin and padding property css properties added

---
 tools/emmet.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/tools/emmet.md b/tools/emmet.md
index 1d06b64..200cb25 100644
--- a/tools/emmet.md
+++ b/tools/emmet.md
@@ -245,6 +245,12 @@ Also use any options, pos:a/r/f
 display: inline-block;
 ```
 
+* You can use `m` for margin and `p` for padding followed by direction
+
+`mr` -> `margin-right`
+
+`pr` -> `padding-right`
+
 * `@f` will result in
 
 ```css