diff --git a/snippets/text-mode/css-mode/background b/snippets/text-mode/css-mode/bg
similarity index 100%
rename from snippets/text-mode/css-mode/background
rename to snippets/text-mode/css-mode/bg
diff --git a/snippets/text-mode/css-mode/background.1 b/snippets/text-mode/css-mode/bg.1
similarity index 100%
rename from snippets/text-mode/css-mode/background.1
rename to snippets/text-mode/css-mode/bg.1
diff --git a/snippets/text-mode/css-mode/border b/snippets/text-mode/css-mode/bor
similarity index 100%
rename from snippets/text-mode/css-mode/border
rename to snippets/text-mode/css-mode/bor
diff --git a/snippets/text-mode/css-mode/cl b/snippets/text-mode/css-mode/cl
new file mode 100644
index 0000000..4fc7a8d
--- /dev/null
+++ b/snippets/text-mode/css-mode/cl
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : clear: ...
+# --
+clear: $1;
diff --git a/snippets/text-mode/css-mode/disp.block b/snippets/text-mode/css-mode/disp.block
new file mode 100644
index 0000000..0b843cf
--- /dev/null
+++ b/snippets/text-mode/css-mode/disp.block
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : display: block
+# --
+dislpay: block;
diff --git a/snippets/text-mode/css-mode/disp.inline b/snippets/text-mode/css-mode/disp.inline
new file mode 100644
index 0000000..c818262
--- /dev/null
+++ b/snippets/text-mode/css-mode/disp.inline
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : display: inline
+# --
+dislpay: inline;
diff --git a/snippets/text-mode/css-mode/disp.none b/snippets/text-mode/css-mode/disp.none
new file mode 100644
index 0000000..2239a91
--- /dev/null
+++ b/snippets/text-mode/css-mode/disp.none
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : display: none
+# --
+dislpay: none;
diff --git a/snippets/text-mode/css-mode/ff b/snippets/text-mode/css-mode/ff
new file mode 100644
index 0000000..a7352cf
--- /dev/null
+++ b/snippets/text-mode/css-mode/ff
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : font-family: ...
+# --
+font-family: $1;
diff --git a/snippets/text-mode/css-mode/fs b/snippets/text-mode/css-mode/fs
new file mode 100644
index 0000000..c28cdbb
--- /dev/null
+++ b/snippets/text-mode/css-mode/fs
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : font-size: ...
+# --
+font-size: ${12px};
diff --git a/snippets/text-mode/css-mode/mar.bottom b/snippets/text-mode/css-mode/mar.bottom
new file mode 100644
index 0000000..9672f60
--- /dev/null
+++ b/snippets/text-mode/css-mode/mar.bottom
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : margin-bottom: ...
+# --
+margin-bottom: $1;
diff --git a/snippets/text-mode/css-mode/mar.left b/snippets/text-mode/css-mode/mar.left
new file mode 100644
index 0000000..414353e
--- /dev/null
+++ b/snippets/text-mode/css-mode/mar.left
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : margin-left: ...
+# --
+margin-left: $1;
diff --git a/snippets/text-mode/css-mode/mar.mar b/snippets/text-mode/css-mode/mar.mar
new file mode 100644
index 0000000..13354db
--- /dev/null
+++ b/snippets/text-mode/css-mode/mar.mar
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : margin: ...
+# --
+margin: $1;
diff --git a/snippets/text-mode/css-mode/mar.margin b/snippets/text-mode/css-mode/mar.margin
new file mode 100644
index 0000000..97de70c
--- /dev/null
+++ b/snippets/text-mode/css-mode/mar.margin
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : margin top right bottom left
+# --
+margin: ${top} ${right} ${bottom} ${left};
diff --git a/snippets/text-mode/css-mode/mar.right b/snippets/text-mode/css-mode/mar.right
new file mode 100644
index 0000000..47a4973
--- /dev/null
+++ b/snippets/text-mode/css-mode/mar.right
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : margin-right: ...
+# --
+margin-right: $1;
diff --git a/snippets/text-mode/css-mode/mar.top b/snippets/text-mode/css-mode/mar.top
new file mode 100644
index 0000000..c805754
--- /dev/null
+++ b/snippets/text-mode/css-mode/mar.top
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : margin-top: ...
+# --
+margin-top: $1;
diff --git a/snippets/text-mode/css-mode/pad.bottom b/snippets/text-mode/css-mode/pad.bottom
new file mode 100644
index 0000000..3b9495e
--- /dev/null
+++ b/snippets/text-mode/css-mode/pad.bottom
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : padding-bottom: ...
+# --
+padding-bottom: $1;
diff --git a/snippets/text-mode/css-mode/pad.left b/snippets/text-mode/css-mode/pad.left
new file mode 100644
index 0000000..ecae515
--- /dev/null
+++ b/snippets/text-mode/css-mode/pad.left
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : padding-left: ...
+# --
+padding-left: $1;
diff --git a/snippets/text-mode/css-mode/pad.pad b/snippets/text-mode/css-mode/pad.pad
new file mode 100644
index 0000000..ee3a682
--- /dev/null
+++ b/snippets/text-mode/css-mode/pad.pad
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : padding: ...
+# --
+padding: $1;
diff --git a/snippets/text-mode/css-mode/pad.padding b/snippets/text-mode/css-mode/pad.padding
new file mode 100644
index 0000000..c1009d3
--- /dev/null
+++ b/snippets/text-mode/css-mode/pad.padding
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : padding: top right bottom left
+# --
+padding: ${top} ${right} ${bottom} ${left};
diff --git a/snippets/text-mode/css-mode/pad.right b/snippets/text-mode/css-mode/pad.right
new file mode 100644
index 0000000..98a9e12
--- /dev/null
+++ b/snippets/text-mode/css-mode/pad.right
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : padding-right: ...
+# --
+padding-right: $1;
diff --git a/snippets/text-mode/css-mode/pad.top b/snippets/text-mode/css-mode/pad.top
new file mode 100644
index 0000000..34987f6
--- /dev/null
+++ b/snippets/text-mode/css-mode/pad.top
@@ -0,0 +1,4 @@
+#contributor : rejeep <johan.rejeep@gmail.com>
+#name : padding-top: ...
+# --
+padding-top: $1;