directory structure

UltiSnips/css.snippets

@@ -0,0 +1,163 @@
+snippet @m "@media ..."
+@media (${1:min}-${2:width}: $3) {
+  $0
+}
+endsnippet
+
+snippet lg "linear-gradient( ... )"
+linear-gradient(
+  ${1:to bottom},
+  ${2:transparent},
+  ${3:transparent}
+)$0
+endsnippet
+
+snippet bglg "background: linear-gradient ..."
+background: linear-gradient(
+              ${2:to bottom},
+              ${3:transparent},
+              ${4:transparent}
+            );
+endsnippet
+
+snippet flex "display: flex ..."
+display: flex;
+flex-direction: ${1:row};
+justify-content: ${2:center};
+align-items: ${3:center};
+endsnippet
+
+snippet w "width: ;"
+width: ${1:100%};
+endsnippet
+
+snippet h "height: ;"
+height: ${1:100%};
+endsnippet
+
+snippet maxw "max-width: ;"
+max-width: ${1:100%};
+endsnippet
+
+snippet maxh "max-height: ;"
+max-height: ${1:100%};
+endsnippet
+
+snippet minw "min-width: ;"
+min-width: ${1:100%};
+endsnippet
+
+snippet minh "min-height: ;"
+min-height: ${1:100%};
+endsnippet
+
+snippet bgc "background-color: ;"
+background-color: ${1:transparent};
+endsnippet
+
+snippet t "top: ... ;"
+top: ${1:0};
+endsnippet
+
+snippet b "bottom: ... ;"
+bottom: ${1:0};
+endsnippet
+
+snippet l "left: ... ;"
+left: ${1:0};
+endsnippet
+
+snippet r "right: ... ;"
+right: ${1:0};
+endsnippet
+
+snippet m "margin: ... ;"
+margin: ${1:0};
+endsnippet
+
+snippet mt "margin-top: ... ;"
+margin-top: ${1:0};
+endsnippet
+
+snippet mb "margin-bottom: ... ;"
+margin-bottom: ${1:0};
+endsnippet
+
+snippet ml "margin-left: ... ;"
+margin-left: ${1:0};
+endsnippet
+
+snippet mr "margin-right: ... ;"
+margin-right: ${1:0};
+endsnippet
+
+snippet p "padding: ... ;"
+padding: ${1:0};
+endsnippet
+
+snippet pt "padding-top: ... ;"
+padding-top: ${1:0};
+endsnippet
+
+snippet pb "padding-bottom: ... ;"
+padding-bottom: ${1:0};
+endsnippet
+
+snippet pl "padding-left: ... ;"
+padding-left: ${1:0};
+endsnippet
+
+snippet pr "padding-right: ... ;"
+padding-right: ${1:0};
+endsnippet
+
+snippet fs "font-size: ... ;"
+font-size: ${1:1}${2:rem};
+endsnippet
+
+snippet o "opacity: ... ;"
+opacity: ${1:0};
+endsnippet
+
+snippet before "::before { ... }"
+${1:&}::before {
+  content: '$2';
+  display: ${3:block};
+  position: ${4:absolute};
+  width: ${5:100%};
+  height: ${6:100%};
+  ${7:top}: ${8:0};
+  ${9:left}: ${10:0};
+}
+endsnippet
+
+snippet after "::before { ... }"
+${1:&}::after {
+  content: '$2';
+  display: ${3:block};
+  position: ${4:absolute};
+  width: ${5:100%};
+  height: ${6:100%};
+  ${7:top}: ${8:0};
+  ${9:left}: ${10:0};
+}
+endsnippet
+
+snippet befaft "::before, ::after  { ... }"
+${1:&}::before {
+$1::after {
+  content: '$2';
+  display: ${3:block};
+  position: ${4:absolute};
+  width: ${5:100%};
+  height: ${6:100%};
+  ${7:top}: ${8:0};
+  ${9:left}: ${10:0};
+  $0
+}
+endsnippet
+
+snippet bs "box-shadow ...;"
+box-shadow: ${1:0} ${2:0} $3px $4px ${5:#000} ${6:inset};
+endsnippet
+

UltiSnips/dosini.snippets

@@ -0,0 +1,3 @@
+snippet polycolor "${colors.color}"
+\$\{colors.${1:foreground}}$0
+endsnippet

UltiSnips/eruby.snippets

@@ -0,0 +1,3 @@
+snippet cldef "Colour definition"
+$1 = ["#$2", $3, "$4"]
+endsnippet

UltiSnips/html.snippets

@@ -0,0 +1,7 @@
+snippet option "<option value=..."
+<option value="$1">${2:$1}</option>$0
+endsnippet
+
+snippet c "class= ... " 
+class="$1"$0
+endsnippet

UltiSnips/javascript.snippets

@@ -0,0 +1,33 @@
+snippet todo "// TODO"
+// TODO $0
+endsnippet
+
+snippet cl "console.log( ... )"
+console.log($0);
+endsnippet
+
+snippet if "if ( ... ) { ... }"
+if ($1) {
+  $0
+}
+endsnippet
+
+snippet ifelse "if ( ... ) { ... } else { ... }"
+if ($1) {
+  $2
+} else {
+  $0
+}
+endsnippet
+
+snippet for "for ( ... ) { ... }"
+for (let ${1:index} = ${2:0}; $1 $3; $1${4:++}) {
+  $0
+}
+endsnippet
+
+snippet st "setTimeout( ... )"
+setTimeout(() => {
+  $1
+}, ${2:1000})
+endsnippet

UltiSnips/python.snippets

@@ -0,0 +1,19 @@
+snippet qxconfig "qutebrowser xResources config"
+c.colors.messages.$1 = xresources['*${2:background}']$0
+endsnippet
+
+snippet main "if __name__ == .."
+def main():
+		$0
+
+if __name__ == "__main__":
+		main()
+endsnippet
+
+snippet ld "logger.debug()"
+logger.debug("$1".format($2))
+endsnippet
+
+snippet li "logger.info()"
+logger.info("$1".format($2))
+endsnippet

UltiSnips/scss.snippets

@@ -0,0 +1,2 @@
+extends css
+

UltiSnips/sh.snippets

@@ -0,0 +1,3 @@
+snippet polybashcolor "%{{F{color}}}" i
+%\{\{F\{color${1:4}}}}
+endsnippet

UltiSnips/vim.snippets

@@ -0,0 +1,7 @@
+snippet scolor "SetColor('', .."
+SetColor('$1', '$2', '$3', '$4', '$5', '$6')$0
+endsnippet
+
+snippet cscolor "call SetColor('', .."
+call SetColor('$1', '$2', '$3', '$4', '$5', '$6')$0
+endsnippet

UltiSnips/vue.snippets

@@ -0,0 +1,58 @@
+extends html, javascript, scss
+
+snippet vue "Default template"
+<template>
+  $0
+</template>
+
+<script>
+export default {
+  props: {
+  },
+
+  data () {
+    return {
+    }
+  },
+
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
+endsnippet
+
+snippet byinput "Beufy Input Field"
+<div class="field"> <!-- $1 -->
+  <label class="label">$1</label>
+  <div class="control">
+    <input class="input"
+     name="$2"
+     ${3:type="${4:text}"}
+     v-model="${5:$2}">
+  </div>
+</div>$0
+endsnippet
+
+snippet byselect "Buefy Select Field"
+<div class="field"> <!-- $1 -->
+  <label class="label">$1</label> 
+  <div class="control">
+    <div class="select">
+      <select name="$2"
+              :v-model="$2">
+	$0
+      </select>
+    </div>
+  </div>
+</div>
+endsnippet
+
+snippet nt "this.$nextTick( () => { ... })"
+this.$nextTick( () => {
+  $0
+})
+endsnippet
+