-
-
Save Aeonexe/1ad8006882c52eab7bb50daa9b207d65 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
// Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and | |
// description. 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": { | |
// "prefix": "log", | |
// "body": [ | |
// "console.log('$1');", | |
// "$2" | |
// ], | |
// "description": "Log output to console" | |
// } | |
"Section": { | |
"prefix": "wk section", | |
"body": [ | |
"<section id=\"section__$1\" class=\"wk-section $2\">" | |
" <div class=\"wk-section-wrap\">" | |
"", | |
" ${3:// Contenido}", | |
"", | |
" </div>" | |
"</section>" | |
], | |
"description": "wk section" | |
}, | |
"Section header": { | |
"prefix": "wk section header", | |
"body": [ | |
"<header id=\"section__$1\" class=\"wk-section $2\">" | |
" <div class=\"wk-section-wrap\">" | |
"", | |
" ${3:// Contenido}", | |
"", | |
" </div>" | |
"</header>" | |
], | |
"description": "wk section header" | |
}, | |
"Section footer": { | |
"prefix": "wk section footer", | |
"body": [ | |
"<footer id=\"section__$1\" class=\"wk-section $2\">" | |
" <div class=\"wk-section-wrap\">" | |
"", | |
" ${3:// Contenido}", | |
"", | |
" </div>" | |
"</footer>" | |
], | |
"description": "wk section footer" | |
}, | |
"Slider": { | |
"prefix": "slider", | |
"body": [ | |
"<div id=\"\" class=\"slider\">", | |
"", | |
" <div class=\"slide\">", | |
"", | |
" </div>", | |
"", | |
" <div class=\"slide\">", | |
"", | |
" </div>", | |
"", | |
"</div>", | |
], | |
"description": "Layout común para sliders" | |
}, | |
"WK section": { | |
"prefix": "wk-section", | |
"body": [ | |
"<section id=\"\" class=\"wk-section\">", | |
"", | |
"</section>", | |
], | |
"description": "Sección horizontal" | |
}, | |
"WK Col": { | |
"prefix": "wk-col", | |
"body": [ | |
"<div class=\"wk-col\">", | |
"", | |
"</div>", | |
], | |
"description": "Una columna" | |
}, | |
"WK Cols": { | |
"prefix": "wk-cols", | |
"body": [ | |
"<div class=\"wk-cols\">", | |
""; | |
" <div class=\"wk-col\">", | |
""; | |
" </div>", | |
""; | |
" <div class=\"wk-col\">", | |
""; | |
" </div>", | |
""; | |
"</div>" | |
], | |
"description": "Crea un contenedor con 2 columnas" | |
}, | |
"WK Cols-3": { | |
"prefix": "wk-cols-3", | |
"body": [ | |
"<div class=\"wk-cols\">", | |
""; | |
" <div class=\"wk-col\">", | |
""; | |
" </div>", | |
""; | |
" <div class=\"wk-col\">", | |
""; | |
" </div>", | |
""; | |
" <div class=\"wk-col\">", | |
""; | |
" </div>", | |
""; | |
"</div>" | |
], | |
"description": "Crea un contenedor con 3 columnas" | |
}, | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment