This commit is contained in:
ManjaroOne666 2018-10-13 07:50:17 +01:00
parent 17ecfb4c36
commit dc57b96ccf
5 changed files with 155 additions and 33 deletions

View File

@ -1,20 +1,92 @@
snippet mediamin "media query min:"
@media (min-width: $1${2:em}) {
$0
snippet @m "@media ..."
@media ($(1{min}-width: $2${3:em}) {
$0
}
endsnippet
snippet mediamax "media query min:"
@media (max-width: $1${2:em}) {
$0
}
endsnippet
snippet bglg "background: linear-gradient"
snippet bglg "background: linear-gradient ..."
background-color: ${1:transparent};
background: linear-gradient(
${2:to bottom},
${3:transparent},
${4:transparent}
);
${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%};
$0
endsnippet
snippet h "height: ;"
height: ${1:100%};
$0
endsnippet
snippet bgc "background-color: ;"
background-color: ${1:transparent};
$0
endsnippet
snippet t "top: ... ;"
top: ${1:100%};
endsnippet
snippet b "bottom: ... ;"
bottom: ${1:100%};
endsnippet
snippet l "left: ... ;"
left: ${1:100%};
endsnippet
snippet r "right: ... ;"
right: ${1:100%};
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 m "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

View File

@ -1,3 +1,27 @@
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

View File

@ -1,3 +1,5 @@
extends css
snippet befabs "&::before (absolute) skeleton"
&::before {
content: '';

View File

@ -1,4 +1,4 @@
extends html, javascript, css, scss
extends html, javascript, scss
snippet vue "Default template"
<template>
@ -7,19 +7,52 @@ snippet vue "Default template"
<script>
export default {
props: {
},
props: {
},
data () {
return {
}
},
data () {
return {
}
},
methods: {
}
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

11
vimrc
View File

@ -1022,6 +1022,7 @@ inoremap {:w<cr> :w<cr>
inoremap {{ {}<left>
inoremap {<CR> {<CR>}<C-o>O
inoremap {; {<CR>};<C-o>O
inoremap {, {<CR>},<C-o>O
inoremap {{{ {{}}<Left><Left>
inoremap (( ()<Left>
@ -1054,8 +1055,6 @@ iabbrev functin function
iabbrev positin position
" css
iabbrev w100; width: 100%;
iabbrev h100; height: 100%;
iabbrev pabs; position: absolute;
iabbrev pfix; position: fixed;
iabbrev prel; position: relative;
@ -1063,20 +1062,12 @@ iabbrev fdr; flex-direction: row;
iabbrev fdc; flex-direction: column;
iabbrev jcc; justify-content: center;
iabbrev aic; align-items: center;
iabbrev m0; margin: 0;
iabbrev t0; top: 0;
iabbrev b0; bottom: 0;
iabbrev l0; left: 0;
iabbrev r0; right: 0;
iabbrev t100; top: 100%;
iabbrev b100; bottom: 100%;
iabbrev l100; left: 100%;
iabbrev r100; right: 100%;
iabbrev w: width:;<left>
iabbrev h: height:;<left>
iabbrev ct'' content-type: '';
iabbrev bgc: background-color:;<left>
"}}}