update css snippets

UltiSnips/css.snippets

@@ -2,8 +2,20 @@ snippet sld "/* stylelint-disable-next-line ... */"
 /* stylelint-disable-next-line ${1:declaration-block-no-shorthand-property-overrides} */
 endsnippet
 
-snippet @m "@media ..."
+snippet @m "@media ( ..."
-@media (${1:min}-${2:width}: ${3:$bp-${4:s}}) {
+@media ($1: ${2:$bp-${3:s}}) {
+        $0
+}
+endsnippet
+
+snippet @max "@media (max-width: ..."
+@media (max-width: ${2:$bp-${3:s-max}}) {
+        $0
+}
+endsnippet
+
+snippet @min "@media (min-width: ..."
+@media (min-width: ${2:$bp-${3:s}}) {
         $0
 }
 endsnippet