Rotafilio_Vantive/.vscode/html.code-snippets

111 lines
2.8 KiB
Plaintext
Raw Permalink Normal View History

2025-09-24 11:59:46 -06:00
{
// Place your curso workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"Nuevo sco": {
"scope": "html",
"prefix": "sco",
"body": [
"<style></style>",
"<section class='page-sco py-md-4 py-2'></section>",
"<script>",
" $(function () {",
" 'use strict';",
" });",
"</script>",
],
"description": "sco"
},
"Mitad bs5": {
"scope": "html",
"prefix": "md",
"body": [
"<div class=\"container-xxl\">",
" <div class=\"row justify-content-center\">",
" <div class=\"col-12 col-md-6\"></div>",
" <div class=\"col-12 col-md-6\"></div>",
" </div>",
"</div>"
],
"description": "mitad"
},
"Mitad cols": {
"scope": "html",
"prefix": "mcol",
"body": [
" <div class=\"row justify-content-center\">",
" <div class=\"col-12 col-md-6\"></div>",
" <div class=\"col-12 col-md-6\"></div>",
" </div>"
],
"description": "mitad"
},
"bs5 sm (min-width: 576px)": {
"prefix": "bs5mq-sm",
"body": [
"@media (min-width: 576px) {",
" $0",
"}"
],
"description": "Bootstrap 5 media query sm (≥576px)"
},
"bs5 md (min-width: 768px)": {
"prefix": "bs5mq-md",
"body": [
"@media (min-width: 768px) {",
" $0",
"}"
],
"description": "Bootstrap 5 media query md (≥768px)"
},
"bs5 lg (min-width: 992px)": {
"prefix": "bs5mq-lg",
"body": [
"@media (min-width: 992px) {",
" $0",
"}"
],
"description": "Bootstrap 5 media query lg (≥992px)"
},
"bs5 xl (min-width: 1200px)": {
"prefix": "bs5mq-xl",
"body": [
"@media (min-width: 1200px) {",
" $0",
"}"
],
"description": "Bootstrap 5 media query xl (≥1200px)"
},
"bs5 xxl (min-width: 1400px)": {
"prefix": "bs5mq-xxl",
"body": [
"@media (min-width: 1400px) {",
" $0",
"}"
],
"description": "Bootstrap 5 media query xxl (≥1400px)"
},
"bs5 card simple":{
"prefix": "bs5card",
"body": [
"<div class=\"card custom-card\">",
" <div class=\"card-body\"></div>",
"</div>",
],
"description": "Card simple"
}
}