nvim/UltiSnips/html.snippets

107 lines
2.6 KiB
Plaintext

snippet html5 "HTML% boilerplate."
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />${2:
<link rel="stylesheet" href="${3:./assets/css/style.css}">}
<title>$1</title>
</head>
<body>$0 ${4:
<script src="${5:./assets/js/index.js}"></script>}
</body>
</html>
endsnippet
snippet option "<option value=..."
<option value="$1">${2:$1}</option>$0
endsnippet
snippet c "class= ... "
class="$1"$0
endsnippet
snippet plc "<img src='https://via.placeholder.it ..."
<img class="$1" src="https://via.placeholder.com/$2" alt="">
endsnippet
snippet tag "wrap with tag"
<$1$0>
${VISUAL}
</$1>
endsnippet
snippet tagi "wrap with tag inline"
<$1$0>${VISUAL}</$1>
endsnippet
snippet ftphp "<!-- vim: set filetype=php -->"
<!-- vim: set filetype=php: -->
endsnippet
snippet wp "<!-- wp:... {...}"
<!-- wp:$1 ${2:\{"$3":$4\}} -->
$0
<!-- /wp:$1 -->
endsnippet
snippet wp/ "<!-- wp:... {...}"
<!-- wp:$1 ${2:\{"$3":$4\}} /-->$0
endsnippet
snippet wp:spacer "<!-- wp:spacer ..."
<!-- wp:spacer {"height":$1} -->
<div style="height: $1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->$0
endsnippet
snippet wp:heading "<!-- wp:heading {..."
<!-- wp:heading {"className":"$1"} -->
<h${2:2} class="$1">$3</h$2>
<!-- /wp:heading -->$0
endsnippet
snippet wp:comments "<!-- wp:comments-query-loop"
<!-- wp:comments-query-loop -->
<div class="wp-block-comments-query-loop">
<!-- wp:comment-template -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column \{"width":"40px"\} -->
<div class="wp-block-column" style="flex-basis:40px">
<!-- wp:avatar \{"size":40,"style":\{"border":\{"radius":"20px"\}\}\} /--></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:comment-author-name /-->
<!-- wp:group \{"style":\{"spacing":\{"margin":\{"top":"0px","bottom":"0px"\}\}\},"layout":\{"type":"flex"\}\} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
<!-- wp:comment-date /-->
<!-- wp:comment-edit-link /-->
</div>
<!-- /wp:group -->
<!-- wp:comment-content /-->
<!-- wp:comment-reply-link /-->
</div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- /wp:comment-template -->
<!-- wp:comments-pagination -->
<!-- wp:comments-pagination-previous /-->
<!-- wp:comments-pagination-numbers /-->
<!-- wp:comments-pagination-next /-->
<!-- /wp:comments-pagination -->
</div>
<!-- /wp:comments-query-loop -->
endsnippet
snippet wp:comment-form "<!-- wp:post-comments-form"
<!-- wp:post-comments-form /-->
endsnippet