Add snippets for neosnippet for nvim
do not use custom repo anymore, this is more portablemain
Steffen Rademacker
4 years ago
parent
a20ea2066a
commit
72c3b8e486
@ -0,0 +1,29 @@
|
||||
snippet lorem
|
||||
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt
|
||||
diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps
|
||||
over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige
|
||||
Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning),
|
||||
um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum
|
||||
Beispiel fast jede Schrift gut aus.
|
||||
|
||||
snippet ipsum
|
||||
Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen,
|
||||
weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur
|
||||
Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft.
|
||||
Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften
|
||||
aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes
|
||||
Feld sind OpenType-Funktionalitäten.
|
||||
|
||||
snippet lg
|
||||
Liebe Grüße
|
||||
Steffen
|
||||
|
||||
snippet vg
|
||||
Viele Grüße
|
||||
Steffen Rademacker
|
||||
|
||||
snippet fp
|
||||
From: Steffen Rademacker <s.rademacker@mailbox.org>
|
||||
|
||||
snippet fw
|
||||
From: Steffen Rademacker <kontakt@webgefrickel.de>
|
||||
@ -0,0 +1,305 @@
|
||||
snippet in
|
||||
@include ${0:mixin};
|
||||
|
||||
snippet inc
|
||||
@include ${1:mixin}(${2:parameters});
|
||||
|
||||
snippet incc
|
||||
@include ${1:mixin}(${2:parameters}) {
|
||||
${3:@content}
|
||||
}
|
||||
|
||||
snippet mix
|
||||
@mixin ${1:mixin}(${2:parameters}) {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet fun
|
||||
@function ${1:function}(${2:parameters}) {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet fe
|
||||
@each $${1:item} in $${2:variable} {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet mq
|
||||
@include mediaquery(${1:s}) {
|
||||
${2}
|
||||
}
|
||||
|
||||
snippet att
|
||||
@include attention {
|
||||
${0}
|
||||
}
|
||||
|
||||
snippet rad
|
||||
border-radius: ${0:$base-unit};
|
||||
|
||||
snippet bsh
|
||||
box-shadow: 0 0 ${0:$base-unit} 0 color(${2:shadow});
|
||||
|
||||
snippet tsh
|
||||
text-shadow: 0 0 ${1:$base-unit / 4} color(${2:default});
|
||||
|
||||
snippet trf
|
||||
transform: translateX(${1:-50%});
|
||||
|
||||
snippet grd
|
||||
background-image: linear-gradient(to bottom, color(${1:one}), color(${2:two}));
|
||||
|
||||
snippet bgc
|
||||
@include background-color(${0:background});
|
||||
|
||||
snippet bgi
|
||||
background-image: url('../img/${0:bg.png}');
|
||||
|
||||
snippet bgp
|
||||
background-position: ${1:0} ${2:0};
|
||||
|
||||
snippet bgr
|
||||
background-repeat: ${0:repeat/repeat-x/repeat-y/no-repeat};
|
||||
|
||||
snippet bg
|
||||
background: color(${1:main}) url('../img/${2:bg.png}') ${3:no-repeat} ${4:scroll/fixed} ${5:top left};
|
||||
|
||||
snippet bgs
|
||||
background-size: ${0:cover};
|
||||
|
||||
snippet bd
|
||||
border: ${1:1px} ${2:solid} color(${3:main});
|
||||
|
||||
snippet bdt
|
||||
border-top: ${1:1px} ${2:solid} color(${3:main});
|
||||
|
||||
snippet bdr
|
||||
border-right: ${1:1px} ${2:solid} color(${3:main});
|
||||
|
||||
snippet bdb
|
||||
border-bottom: ${1:1px} ${2:solid} color(${3:main});
|
||||
|
||||
snippet bdl
|
||||
border-left: ${1:1px} ${2:solid} color(${3:main});
|
||||
|
||||
snippet bdc
|
||||
@include border-color(${0:color});
|
||||
|
||||
snippet ol
|
||||
outline: ${0:0};
|
||||
|
||||
snippet ps
|
||||
@include ${1:absolute}(${2});
|
||||
|
||||
snippet psa
|
||||
position: absolute;
|
||||
|
||||
snippet psr
|
||||
position: relative;
|
||||
|
||||
snippet pss
|
||||
position: static;
|
||||
|
||||
snippet psf
|
||||
position: fixed;
|
||||
|
||||
snippet t
|
||||
top: ${0};
|
||||
|
||||
snippet r
|
||||
right: ${0};
|
||||
|
||||
snippet b
|
||||
bottom: ${0};
|
||||
|
||||
snippet l
|
||||
left: ${0};
|
||||
|
||||
snippet w
|
||||
width: ${0};
|
||||
|
||||
snippet h
|
||||
height: ${0};
|
||||
|
||||
snippet db
|
||||
display: block;
|
||||
|
||||
snippet dn
|
||||
display: none;
|
||||
|
||||
snippet di
|
||||
display: inline;
|
||||
|
||||
snippet df
|
||||
display: flex;
|
||||
|
||||
snippet dt
|
||||
display: table;
|
||||
|
||||
snippet dtc
|
||||
display: table-cell;
|
||||
|
||||
snippet dib
|
||||
display: inline-block;
|
||||
|
||||
snippet c
|
||||
@include color(${0:default});
|
||||
|
||||
snippet rgba
|
||||
rgba(color(${1:main}), ${2:0.5});
|
||||
|
||||
snippet clb
|
||||
clear: both;
|
||||
|
||||
snippet cll
|
||||
clear: left;
|
||||
|
||||
snippet clr
|
||||
clear: right;
|
||||
|
||||
snippet fll
|
||||
float: left;
|
||||
|
||||
snippet flr
|
||||
float: right;
|
||||
|
||||
snippet fln
|
||||
float: none;
|
||||
|
||||
snippet ovh
|
||||
overflow: hidden;
|
||||
|
||||
snippet ovv
|
||||
overflow: visible;
|
||||
|
||||
snippet ova
|
||||
overflow: auto;
|
||||
|
||||
snippet ovs
|
||||
overflow: scroll;
|
||||
|
||||
snippet crp
|
||||
cursor: pointer;
|
||||
|
||||
snippet crd
|
||||
cursor: default;
|
||||
|
||||
snippet ff
|
||||
@include font-family(${0:default});
|
||||
|
||||
snippet fs
|
||||
@include font-size(${0:h1});
|
||||
|
||||
snippet fz
|
||||
@include font-style(${0:default});
|
||||
|
||||
snippet fw
|
||||
@include font-weight(${0:default});
|
||||
|
||||
snippet font
|
||||
@include font(${0:default});
|
||||
|
||||
snippet lsp
|
||||
letter-spacing: ${0:0.01em};
|
||||
|
||||
snippet lh
|
||||
line-height: ${0:$font-line-height};
|
||||
|
||||
snippet tac
|
||||
text-align: center;
|
||||
|
||||
snippet tal
|
||||
text-align: left;
|
||||
|
||||
snippet tar
|
||||
text-align: right;
|
||||
|
||||
snippet tdu
|
||||
text-decoration: underline;
|
||||
|
||||
snippet tdn
|
||||
text-decoration: none;
|
||||
|
||||
snippet ti
|
||||
text-indent: ${0:-9999px};
|
||||
|
||||
snippet ttu
|
||||
text-transform: uppercase;
|
||||
|
||||
snippet ttl
|
||||
text-transform: lowercase;
|
||||
|
||||
snippet ttn
|
||||
text-transform: none;
|
||||
|
||||
snippet lsn
|
||||
list-style: none;
|
||||
|
||||
snippet lsd
|
||||
list-style: disc;
|
||||
|
||||
snippet m
|
||||
@include margin(a ${0:1});
|
||||
|
||||
snippet mt
|
||||
@include margin(t ${0:1});
|
||||
|
||||
snippet mr
|
||||
@include margin(r ${0:1});
|
||||
|
||||
snippet mb
|
||||
@include margin(b ${0:1});
|
||||
|
||||
snippet ml
|
||||
@include margin(l ${0:1});
|
||||
|
||||
snippet p
|
||||
@include padding(a ${0:1});
|
||||
|
||||
snippet pt
|
||||
@include padding(t ${0:1});
|
||||
|
||||
snippet pr
|
||||
@include padding(r ${0:1});
|
||||
|
||||
snippet pb
|
||||
@include padding(b ${0:1});
|
||||
|
||||
snippet pl
|
||||
@include padding(l ${0:1});
|
||||
|
||||
snippet mah
|
||||
max-height: ${0:100%};
|
||||
|
||||
snippet maw
|
||||
max-width: ${0:100%};
|
||||
|
||||
snippet mih
|
||||
min-height: ${0:100%};
|
||||
|
||||
snippet miw
|
||||
min-width: ${0:100%};
|
||||
|
||||
snippet !
|
||||
!important;${0}
|
||||
|
||||
snippet vat
|
||||
vertical-align: top;
|
||||
|
||||
snippet vam
|
||||
vertical-align: middle;
|
||||
|
||||
snippet vab
|
||||
vertical-align: bottom;
|
||||
|
||||
snippet viv
|
||||
visibility: visible;
|
||||
|
||||
snippet vih
|
||||
visibility: hidden;
|
||||
|
||||
snippet wsp
|
||||
white-space: nowrap;
|
||||
|
||||
snippet z
|
||||
@include z-index(${0:feet});
|
||||
@ -0,0 +1,242 @@
|
||||
snippet doc
|
||||
<!doctype html>
|
||||
|
||||
snippet //
|
||||
<!-- ${0:your comment here} -->
|
||||
|
||||
snippet body
|
||||
<body class="${1:bodyclass}">
|
||||
${2}
|
||||
</body>
|
||||
|
||||
snippet title
|
||||
<title>${0:PageTitle}</title>
|
||||
|
||||
snippet html
|
||||
<html class="no-js" lang="de">
|
||||
${0}
|
||||
</html>
|
||||
|
||||
snippet head
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>${1:PageTitle}</title>
|
||||
<meta name="description" content="${2:metadesc}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
${3}
|
||||
</head>
|
||||
|
||||
snippet link
|
||||
<link rel="${1:stylesheet}" href="${2:main.css}" />
|
||||
|
||||
snippet meta
|
||||
<meta name="${1:name}" content="${2:content}" />
|
||||
|
||||
snippet scrs
|
||||
<script src="${0}"></script>
|
||||
|
||||
snippet scr
|
||||
<script>
|
||||
${0}
|
||||
</script>
|
||||
|
||||
snippet style
|
||||
<style>
|
||||
${0}
|
||||
</style>
|
||||
|
||||
snippet label
|
||||
<label for="${1:inputid}">${2}</label>
|
||||
<input type="${3:text}" class="${3:class}" name="$1" value="" id="$1" />
|
||||
|
||||
snippet input
|
||||
<input type="${1:text}" class="${2:class}" name="${3:name}" value="" />
|
||||
|
||||
snippet select
|
||||
<select name="$1" id="${1:id}">
|
||||
<option value=""></option>
|
||||
<option value="${2:value}"}>${3:Text}</option>
|
||||
</select>
|
||||
|
||||
snippet opt
|
||||
<option value="${1:value}"}>${2}</option>
|
||||
|
||||
snippet textarea
|
||||
<textarea name="${1:name}" rows="${2:8}" cols="${3:40}">${4}</textarea>
|
||||
|
||||
snippet btn
|
||||
<button type="button" class="${2:button}">
|
||||
<span class="button__label">${3:text}</span>
|
||||
</button>
|
||||
|
||||
snippet fieldset
|
||||
<fieldset class="${1:class}"}>
|
||||
<legend>${2:legend}</legend>
|
||||
${3}
|
||||
</fieldset>
|
||||
|
||||
snippet form
|
||||
<form action="${1:./}" method="${2:get/post}" accept-charset="utf-8">
|
||||
${3}
|
||||
</form>
|
||||
|
||||
snippet h1
|
||||
<h1>${0}</h1>
|
||||
|
||||
snippet h2
|
||||
<h2>${0}</h2>
|
||||
|
||||
snippet h3
|
||||
<h3>${0}</h3>
|
||||
|
||||
snippet h4
|
||||
<h4>${0}</h4>
|
||||
|
||||
snippet h5
|
||||
<h5>${0}</h5>
|
||||
|
||||
snippet h6
|
||||
<h6>${0}</h6>
|
||||
|
||||
snippet t
|
||||
<${1:div}${2: class="class"}>
|
||||
${3}
|
||||
</$1>
|
||||
|
||||
snippet div
|
||||
<div class="${1:class}">
|
||||
${2}
|
||||
</div>
|
||||
|
||||
snippet header
|
||||
<header class="${1:header}">
|
||||
${2}
|
||||
</header>
|
||||
|
||||
snippet section
|
||||
<section class="${1:content}">
|
||||
${2}
|
||||
</section>
|
||||
|
||||
snippet article
|
||||
<article class="${1:article}">
|
||||
${2}
|
||||
</article>
|
||||
|
||||
snippet footer
|
||||
<footer class="${1:footer}">
|
||||
${2}
|
||||
</footer>
|
||||
|
||||
snippet main
|
||||
<main class="${1:main}">
|
||||
${2}
|
||||
</main>
|
||||
|
||||
snippet aside
|
||||
<aside class="${1:sidebar}">
|
||||
${2}
|
||||
</aside>
|
||||
|
||||
snippet nav
|
||||
<nav class="${1:nav}">
|
||||
${2}
|
||||
</nav>
|
||||
|
||||
snippet mail
|
||||
<a href="mailto:${1:joe@example.com}${2:?subject=feedback}">${3:email me}</a>
|
||||
|
||||
snippet a
|
||||
<a href="${1:/someurl}" class="${2:class}">${3:text}</a>
|
||||
|
||||
snippet p
|
||||
<p>${0}</p>
|
||||
|
||||
snippet em
|
||||
<em>${0}</em>
|
||||
|
||||
snippet str
|
||||
<strong>${0}</strong>
|
||||
|
||||
snippet pre
|
||||
<pre>${0}</pre>
|
||||
|
||||
snippet span
|
||||
<span class="${1:class}">${2}</span>
|
||||
|
||||
snippet br
|
||||
<br />
|
||||
|
||||
snippet li
|
||||
<li>${0}</li>
|
||||
|
||||
snippet ul
|
||||
<ul class="${1:class}">
|
||||
<li class="$1__item">${12</li>
|
||||
</ul>
|
||||
|
||||
snippet ol
|
||||
<ol class="${1:class}">
|
||||
<li class="$1__item">${2}</li>
|
||||
</ol>
|
||||
|
||||
snippet figure
|
||||
<figure class="${1:class}">
|
||||
<img src="${2:image.jpg}" alt="${3}" class="$1__image" />
|
||||
<figcaption class="$1__caption">${4}</figcaption>
|
||||
</figure>
|
||||
|
||||
snippet bq
|
||||
<blockquote>${1:quote}</blockquote>
|
||||
|
||||
snippet table
|
||||
<table class="${1:class}">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>${2:title}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>${3:content}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
snippet td
|
||||
<td>${0}</td>
|
||||
|
||||
snippet tr
|
||||
<tr>
|
||||
${0}
|
||||
</tr>
|
||||
|
||||
snippet init
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>${1:PageTitle}</title>
|
||||
<link href="${2:/assets/styles/main.css}" rel="stylesheet" />
|
||||
<meta name="description" content="${2:metadesc}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="header">
|
||||
${3}
|
||||
</header>
|
||||
<main class="main" role="main">
|
||||
${4}
|
||||
</main>
|
||||
<footer class="footer">
|
||||
${5}
|
||||
</footer>
|
||||
<script src="/assets/scripts/${6:script.js}"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
snippet video
|
||||
<video width="${1:1280}" height="${2:720}" poster="${3:filename}.jpg" controls>
|
||||
<source type="video/mp4" src="$3.mp4" />
|
||||
<source type="video/webm" src="$3.webm" />
|
||||
</video>
|
||||
@ -0,0 +1,61 @@
|
||||
snippet c
|
||||
const ${1:sth} = ${2:value};
|
||||
|
||||
snippet l
|
||||
let ${1:sth} = ${2:value};
|
||||
|
||||
snippet for
|
||||
for (let ${1:i} = 0; $1 <= ${2:var}; $1 += 1) {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet fun
|
||||
const ${1:functionname} = (${2:argument}) => {
|
||||
${3}
|
||||
};
|
||||
|
||||
snippet =>
|
||||
(${1}) => {
|
||||
${2}
|
||||
}
|
||||
|
||||
snippet mod
|
||||
export default (${0:args}) => {
|
||||
};
|
||||
|
||||
snippet im
|
||||
import ${1:module} from '${2:modulename}';
|
||||
|
||||
snippet ife
|
||||
if (${1:condition}) {
|
||||
${2}
|
||||
} else {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet if
|
||||
if (${1:condition}) {
|
||||
${2}
|
||||
}
|
||||
|
||||
snippet switch
|
||||
switch (${1:expression}) {
|
||||
case '${2:case}':
|
||||
${3}
|
||||
break;
|
||||
default:
|
||||
${4}
|
||||
break;
|
||||
}
|
||||
|
||||
snippet case
|
||||
case '${1:case}':
|
||||
${2}
|
||||
break;
|
||||
|
||||
snippet cl
|
||||
alias bug
|
||||
console.log(${0:data});
|
||||
|
||||
snippet ct
|
||||
console.table(${0:data});
|
||||
@ -0,0 +1,15 @@
|
||||
snippet s
|
||||
"${1:key}": "${2:value}",
|
||||
|
||||
snippet n
|
||||
"${1:key}": ${2:value},
|
||||
|
||||
snippet a
|
||||
[
|
||||
${0}
|
||||
],
|
||||
|
||||
snippet o
|
||||
{
|
||||
${0}
|
||||
},
|
||||
@ -0,0 +1,17 @@
|
||||
snippet s
|
||||
# ${1:Section Name}
|
||||
${2}
|
||||
|
||||
snippet ss "Sub Section" b
|
||||
## ${1:Section Name}
|
||||
${2}
|
||||
|
||||
snippet sss
|
||||
### ${1:Section Name}
|
||||
${2}
|
||||
|
||||
snippet link
|
||||
[${1:text}](${2:http://url.com})
|
||||
|
||||
snippet img
|
||||
|
||||
@ -0,0 +1,129 @@
|
||||
snippet arr
|
||||
$${1:array} = ['${2}' => ${3}];
|
||||
|
||||
snippet if
|
||||
if (${1:condition}) {
|
||||
${2}
|
||||
}
|
||||
|
||||
snippet if2
|
||||
<?php if (${1:condition}): ?>
|
||||
${2}
|
||||
<?php endif ?>
|
||||
|
||||
snippet ife
|
||||
if (${1:condition}) {
|
||||
${2}
|
||||
} else {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet ife2
|
||||
<?php if (${1:condition}): ?>
|
||||
${2}
|
||||
<?php else: ?>
|
||||
${3}
|
||||
<?php endif ?>
|
||||
|
||||
snippet else
|
||||
else {
|
||||
${0}
|
||||
}
|
||||
|
||||
snippet else2
|
||||
<?php else: ?>
|
||||
|
||||
snippet for
|
||||
for ($${1:i} = 0; $1 < ${2:$count}; $$1 += 1) {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet for2
|
||||
<?php for ($${1:i} = 0; $1 < ${2:$count}; $$1 += 1): ?>
|
||||
${3}
|
||||
<?php endfor ?>
|
||||
|
||||
snippet fek
|
||||
foreach ($${1:variable} as $${2:key} => $${3:value}) {
|
||||
${4}
|
||||
}
|
||||
|
||||
snippet fek2
|
||||
<?php foreach ($${1:variable} as $${2:key} => $${3:value}): ?>
|
||||
${4}
|
||||
<?php endforeach ?>
|
||||
|
||||
snippet fe
|
||||
foreach ($${1:variable} as $${2:value}) {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet fe2
|
||||
<?php foreach ($${1:variable} as $${2:value}): ?>
|
||||
${3}
|
||||
<?php endforeach ?>
|
||||
|
||||
snippet get
|
||||
$_GET['${0}']
|
||||
|
||||
snippet post
|
||||
$_POST['${0}']
|
||||
|
||||
snippet sess
|
||||
$_SESSION['${0}']
|
||||
|
||||
snippet inc
|
||||
include '${0:filename}.php';
|
||||
|
||||
snippet req
|
||||
require '${0:filename}.php';
|
||||
|
||||
snippet t
|
||||
$${1:var} = (${2:condition}) ? ${3} : ${4};
|
||||
|
||||
snippet cl
|
||||
alias bug
|
||||
echo '<pre>' . var_dump(${0:var}) . '</pre>';
|
||||
|
||||
snippet fun
|
||||
function ${1:name}(${2:$param}) {
|
||||
${3}
|
||||
}
|
||||
|
||||
snippet cls
|
||||
class ${1:Class} {
|
||||
public function __construct(${2:$options}) {
|
||||
${3}
|
||||
}
|
||||
}
|
||||
|
||||
snippet ph
|
||||
<?php
|
||||
${0}
|
||||
|
||||
snippet phi
|
||||
<?php ${0} ?>
|
||||
|
||||
snippet <?
|
||||
<?php
|
||||
${0}
|
||||
?>
|
||||
|
||||
snippet ==
|
||||
<?= ${0} ?>
|
||||
|
||||
snippet sw
|
||||
switch (${1:expression}) {
|
||||
case '${2:case}':
|
||||
${3}
|
||||
break;
|
||||
default:
|
||||
${4}
|
||||
break;
|
||||
}
|
||||
|
||||
snippet case
|
||||
case '${1:case}':
|
||||
${2}
|
||||
break;
|
||||
|
||||
Loading…
Reference in New Issue