adding initial snippets for html and css3 stuff

Author: mdo

css/background-clip.sublime-snippet

@@ -0,0 +1,9 @@
+<snippet>
+  <content><![CDATA[
+-webkit-background-clip: ${1:padding-box};
+   -moz-background-clip: ${1:padding-box};
+        background-clip: ${1:padding-box};
+]]></content>
+  <tabTrigger>background-clip</tabTrigger>
+  <scope>source.css</scope>
+</snippet>

css/border-radius.sublime-snippet

@@ -0,0 +1,9 @@
+<snippet>
+  <content><![CDATA[
+-webkit-border-radius: ${1:3}px;
+   -moz-border-radius: ${1:3}px;
+        border-radius: ${1:3}px;
+]]></content>
+  <tabTrigger>border-radius</tabTrigger>
+  <scope>source.css</scope>
+</snippet>

css/box-shadow.sublime-snippet

@@ -0,0 +1,9 @@
+<snippet>
+  <content><![CDATA[
+-webkit-box-shadow: ${1:0 1px 2px rgba(0,0,0,.2)};
+   -moz-box-shadow: ${1:0 1px 2px rgba(0,0,0,.2)};
+        box-shadow: ${1:0 1px 2px rgba(0,0,0,.2)};
+]]></content>
+  <tabTrigger>box-shadow</tabTrigger>
+  <scope>source.css</scope>
+</snippet>

css/columns.sublime-snippet

@@ -0,0 +1,12 @@
+<snippet>
+  <content><![CDATA[
+-webkit-column-count: ${1:3};
+   -moz-column-count: ${1:3};
+        column-count: ${1:3};
+-webkit-column-gap: ${2:20px};
+   -moz-column-gap: ${2:20px};
+        column-gap: ${2:20px};
+]]></content>
+  <tabTrigger>columns</tabTrigger>
+  <scope>source.css</scope>
+</snippet>

css/gradient.sublime-snippet

@@ -0,0 +1,15 @@
+<snippet>
+  <content><![CDATA[
+background-color: ${1:#eeeeee};
+background-image: -khtml-gradient(linear, left top, left bottom, from(${1:#eeeeee}), to(${2:#dddddd}));
+background-image: -moz-linear-gradient(${1:#eeeeee}, ${2:#dddddd});
+background-image: -ms-linear-gradient(${1:#eeeeee}, ${2:#dddddd});
+background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ${1:#eeeeee}), color-stop(100%, ${2:#dddddd}));
+background-image: -webkit-linear-gradient(${1:#eeeeee}, ${2:#dddddd});
+background-image: -o-linear-gradient(${1:#eeeeee}, ${2:#dddddd});
+filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='${1:#eeeeee}', endColorstr='${2:#dddddd}', GradientType=0);
+background-image: linear-gradient(${1:#eeeeee}, ${2:#dddddd});
+]]></content>
+  <tabTrigger>gradient</tabTrigger>
+  <scope>source.css</scope>
+</snippet>

css/opacity.sublime-snippet

@@ -0,0 +1,10 @@
+<snippet>
+  <content><![CDATA[
+filter: alpha(opacity=${1:50});
+     -khtml-opacity: .${1:50};
+       -moz-opacity: .${1:50};
+            opacity: .${1:50};
+]]></content>
+  <tabTrigger>opacity</tabTrigger>
+  <scope>source.css</scope>
+</snippet>

css/text-shadow.sublime-snippet

@@ -0,0 +1,7 @@
+<snippet>
+  <content><![CDATA[
+text-shadow: ${1:0 1px 0 rgba(255,255,255,.75)};
+]]></content>
+  <tabTrigger>text-shadow</tabTrigger>
+  <scope>source.css</scope>
+</snippet>

html/table.sublime-snippet

@@ -0,0 +1,17 @@
+<snippet>
+  <content><![CDATA[<table>
+  <thead>
+    <tr>
+      <th>$1</th>
+      <th>$2</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>$3</td>
+      <td>$4</td>
+    </tr>
+  </tbody>
+</table>]]></content>
+  <tabTrigger>table</tabTrigger>
+</snippet>