Snnipets
Snnipets
Snnipets
// Place your global 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:
"Rating": {
"scope": "html",
"prefix": "rating",
"body": [
"<div class=\"rating rating_set\">\n\t<div
class=\"rating__body\">\n\t\t<div class=\"rating__active\"></div>\n\t\t<div
class=\"rating__items\">\n\t\t\t<input type=\"radio\" class=\"rating__item\"
value=\"1\" name=\"rating\">\n\t\t\t<input type=\"radio\" class=\"rating__item\"
value=\"2\" name=\"rating\">\n\t\t\t<input type=\"radio\" class=\"rating__item\"
value=\"3\" name=\"rating\">\n\t\t\t<input type=\"radio\" class=\"rating__item\"
value=\"4\" name=\"rating\">\n\t\t\t<input type=\"radio\" class=\"rating__item\"
value=\"5\" name=\"rating\">\n\t\t</div>\n\t</div>\n\t<div
class=\"rating__value\">3.6</div>\n</div>"
],
"description": "Добавляет базовый HTML код рейтинга"
},
"Spollers": {
"scope": "html",
"prefix": "spollers",
"body": [
"<div data-spollers class=\"spollers\">\n\t<div
class=\"spollers__item\">\n\t\t<button type=\"button\" data-spoller
class=\"spollers__title\">Заголовок спойлера</button>\n\t\t<div
class=\"spollers__body\">Контент спойлера</div>\n\t</div>\n</div>"
],
"description": "Добавляет базовый HTML код спойлеров"
},
"Tabs": {
"scope": "html",
"prefix": "tabs",
"body": [
"<div data-tabs class=\"${1:tabs}\">\n\t<nav data-tabs-titles
class=\"${1:tabs}__navigation\">\n\t\t<button type=\"button\"
class=\"${1:tabs}__title _tab-active\">Таб №1</button>\n\t\t<button type=\"button\"
class=\"${1:tabs}__title\">Таб №2</button>\n\t\t<button type=\"button\"
class=\"${1:tabs}__title\">Таб №3</button>\n\t</nav>\n\t<div data-tabs-body
class=\"${1:tabs}__content\">\n\t\t<div class=\"${1:tabs}__body\">\n\t\t\
tСодержимое первого таба\n\t\t</div>\n\t\t<div class=\"${1:tabs}__body\">\n\t\t\
tСодержимое второго таба\n\t\t</div>\n\t\t<div class=\"${1:tabs}__body\">\n\t\t\
tСодержимое третьего таба\n\t\t</div>\n\t</div>\n</div>"
],
"description": "Добавляет базовый HTML код табов"
},
"Show More": {
"scope": "html",
"prefix": "showmore",
"body": [
"<div data-showmore class=\"${1:block}\">\n\t<div data-showmore-
content class=\"${1:block}__content\"></div>\n\t<button hidden data-showmore-button
type=\"button\" class=\"${1:block}__more\"><span>Показать
еще</span><span>Скыть</span></button>\n</div>"
],
"description": "Добавляет базовый HTML код блока 'показать еще'"
},
"Swiper": {
"scope": "html",
"prefix": "swiper",
"body": [
"<div class=\"${1:имя-блока}__slider swiper\">\n\t<div
class=\"${1:имя-блока}__wrapper swiper-wrapper\">\n\t\t<div class=\"${1:имя-
блока}__slide swiper-slide\"></div>\n\t</div>\n</div>"
],
"description": "Добавляет базовый HTML код слайдера Swiper"
},
"Swiper Full": {
"scope": "html",
"prefix": "swiperfull",
"body": [
"<!-- Оболочка слайдера -->\n<div class=\"${1:имя-блока}__slider
swiper\">\n\t<!-- Двигающееся часть слайдера -->\n\t<div class=\"${1:имя-
блока}__wrapper swiper-wrapper\">\n\t\t<!-- Слайд -->\n\t\t<div class=\"${1:имя-
блока}__slide swiper-slide\"></div>\n\t</div>\n\t<!-- Если нужна пагинация -->\n\
t<div class=\"swiper-pagination\"></div>\n\t<!-- Если нужна навигация
(влево/вправо) -->\n\t<button type=\"button\"
class=\"swiper-button-prev\"></button>\n\t<button type=\"button\" class=\"swiper-
button-next\"></button>\n\t<!-- Если нужен скролбар -->\n\t<div class=\"swiper-
scrollbar\"></div>\n</div>"
],
"description": "Добавляет базовый HTML код слайдера Swiper"
},
"Quantity": {
"scope": "html",
"prefix": "quantity",
"body": "<div data-quantity class=\"quantity\">\n\t<button data-
quantity-plus type=\"button\" class=\"quantity__button
quantity__button_plus\"></button>\n\t<div class=\"quantity__input\">\n\t\t<input
data-quantity-value autocomplete=\"off\" type=\"text\" name=\"form[]\"
value=\"1\">\n\t</div>\n\t<button data-quantity-minus type=\"button\"
class=\"quantity__button quantity__button_minus\"></button>\n</div>",
"description": "Добавняет HTML формы с кол-вом"
},
"FullPage": {
"scope": "html",
"prefix": "fullpage",
"body": "<div data-fp class=\"${1:имя-блока}\">\n\t<div data-fp-section
class=\"${1:имя-блока}__section\"></div>\n</div>",
"description": "Добавляет структуру поэкранной прокрутки страницы"
},
"Add tooltip": {
"scope": "html",
"prefix": "tip",
"body": [
"data-tippy-content=\"Подсказка\""
],
"description": "Добавляет текст-подсказку (Tippy)"
},
"Add data-required": {
"scope": "html",
"prefix": "req",
"body": [
"data-required"
],
"description": "Добавляет атрибут к полю формы"
},
"Add dynamic adapt": {
"scope": "html",
"prefix": "da",
"body": [
"data-da=\".${1:имя блока}, 768\""
],
"description": "Добавляет атрибут динамического адаптива"
},
"Add image IBG": {
"scope": "html",
"prefix": "ibg",
"body": [
"<div class=\"${1:имя блока}__image-ibg\"><img data-
src=\"@img$2\" alt=\"\"></div>"
],
"description": "Добавляет объект с картинкой и классом IBG"
},
"Add Link with image IBG": {
"scope": "html",
"prefix": "ibga",
"body": [
"<a href=\"\" class=\"${1:имя блока}__image-ibg\"><img data-
src=\"@img$2\" alt=\"\"></a>"
],
"description": "Добавляет ссылку с картинкой и классом IBG"
},
"Add input tag": {
"scope": "html",
"prefix": "inp",
"body": "<input autocomplete=\"off\" type=\"text\" name=\"form[]\"
data-error=\"Ошибка\" placeholder=\"\" class=\"input\">",
"description": "Добавляет input со настройками"
},
"Add container": {
"scope": "html",
"prefix": "cnt",
"body": "<div class=\"${1:имя блока}__container\">\n\t$2\n</div>",
"description": "Добавляет ограничивающий контейнер"
},
"Adaptiv Value": {
"scope": "scss",
"prefix": "av",
"body": [
"@include adaptiveValue(\"${1:font-size}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"EM": {
"scope": "scss",
"prefix": "em",
"body": [
"em($1,$2)"
],
"description": "Вызов миксина перевода в EM"
},
"REM": {
"scope": "scss",
"prefix": "rem",
"body": [
"rem($1)"
],
"description": "Вызов миксина перевода в REM"
},
"Percent": {
"scope": "scss",
"prefix": "prc",
"body": [
"percent($1,$2)"
],
"description": "Вызов миксина перевода в %"
},
"Percent padding": {
"scope": "scss",
"prefix": "pbp",
"body": [
"padding-bottom: percent($1,$2);"
],
"description": "Отступ вниз с указанием %"
},
"Font Size in REM": {
"scope": "scss",
"prefix": "fz",
"body": [
"font-size: rem($1);"
],
"description": "Переводит PX в REM"
},
"Divade": {
"scope": "scss",
"prefix": "di",
"body": [
"math.div($1,$2)"
],
"description": "Деление чисел"
},
"Width with REM": {
"scope": "scss",
"prefix": "w",
"body": "width: rem($1);",
"description": "Добавляет width c переводом в REM"
},
"Height with REM": {
"scope": "scss",
"prefix": "h",
"body": "height: rem($1);",
"description": "Добавляет height c переводом в REM"
},
"Margin bottom with REM": {
"scope": "scss",
"prefix": "mb",
"body": "margin-bottom: rem($1);",
"description": "Добавляет нижний отступ c переводом в REM"
},
"Margin top with REM": {
"scope": "scss",
"prefix": "mt",
"body": "margin-top: rem($1);",
"description": "Добавляет верхний отступ c переводом в REM"
},
"Margin bottom with EM": {
"scope": "scss",
"prefix": "mbe",
"body": "margin-bottom: em($1, $2);",
"description": "Добавляет нижний отступ c переводом в EM"
},
"Margin Bottom not last-child": {
"scope": "scss",
"prefix": "mbl",
"body": [
"&:not(:last-child) {margin-bottom: $1px;}"
],
"description": "Добавляет нижний отступ исключая последний объект"
},
"Margin Bottom not last-child with EM": {
"scope": "scss",
"prefix": "mble",
"body": [
"&:not(:last-child) {margin-bottom: em($1, $2);}"
],
"description": "Добавляет нижний отступ исключая последний объект c
переводом в EM"
},
"Not last-child": {
"scope": "scss",
"prefix": "nlc",
"body": [
"&:not(:last-child) {\n\t$1\n}"
],
"description": "Исключая последний объект"
},
"Opacity": {
"scope": "scss",
"prefix": "op",
"body": "opacity: ${1:0};",
"description": "Добавляет относительный opacity"
},
"Line height": {
"scope": "scss",
"prefix": "lh",
"body": "line-height: math.div($1 , $2);",
"description": "Добавляет относительный line-height"
},
"Color inherit": {
"scope": "scss",
"prefix": "ci",
"body": "color: inherit;",
"description": "Наследовать цвет предка"
},
"Max width": {
"scope": "scss",
"prefix": "mw",
"body": "max-width: rem($1);",
"description": "Максимальная ширина"
},
"Form Email": {
"scope": "html",
"prefix": "formemail",
"body": "<form action=\"files/sendmail/sendmail.php\" method=\"POST\">\
n\t<input type=\"text\" name=\"form[email]\" data-error=\"Error\" placeholder=\"E-
mail\" class=\"input\">\n\t<button type=\"submit\" class=\"button\">Send</button>\
n</form>",
"description": "Максимальная ширина"
},
"@media max": {
"prefix": "md",
"body": [
"@media (max-width: em($1)){\n\t $2 \n}"
],
"description": "Добавляет медиазапрос max-width c переводом в EM"
},
"@media min": {
"prefix": "mmd",
"body": [
"@media (min-width:em($1)){\n\t $2 \n}"
],
"description": "Добавляет медиазапрос min-width c переводом в EM"
},
"Add data-popup": {
"scope": "html",
"prefix": "pl",
"body": [
"data-popup=\"$1\""
],
"description": "Добавляет трибут для открытия попапа"
},
"JS Click": {
"scope": "javascript,typescript",
"prefix": "click",
"body": [
"${1:document}.addEventListener(\"click\", function (e) {\n\t$2\
n});"
],
"description": "document.querySelectorAll"
},
"document.querySelector": {
"scope": "javascript,typescript",
"prefix": "dq",
"body": [
"const ${1:var} = document.querySelector('.$2');"
],
"description": "document.querySelector"
},
"document.querySelectorAll": {
"scope": "javascript,typescript",
"prefix": "dqa",
"body": [
"const ${1:var} =document.querySelectorAll('.$2');"
],
"description": "document.querySelectorAll"
},
"Print to console": {
"scope": "javascript,typescript",
"prefix": "log",
"body": [
"console.log('$1');"
],
"description": "Log output to console"
},
"z-index": {
"scope": "scss",
"prefix": "zi",
"body": [
"z-index: ${1:1};"
],
"description": "z-index"
},
"fbpp": {
"prefix": "fbpp",
"body": [
"flex: 0 0 percent($1, $2);"
],
"description": "fbpp"
},
"Padding": {
"scope": "scss",
"prefix": "pp",
"body": [
"padding: rem(0) rem(0) rem(0) rem(0);"
],
"description": "padding"
},
"Padding left and right": {
"scope": "scss",
"prefix": "ppp",
"body": [
"padding: 0 rem($1);"
],
"description": "Padding left and right"
},
"Padding top": {
"scope": "scss,css",
"prefix": "ppt",
"body": [
"padding-top: rem($1);"
],
"description": "padding top"
},
"Padding bottom": {
"scope": "scss,css",
"prefix": "ppb",
"body": [
"padding-bottom: rem($1);"
],
"description": "padding bottom"
},
"Padding left": {
"scope": "scss,css",
"prefix": "ppl",
"body": [
"padding-left: rem($1);"
],
"description": "padding left"
},
"Padding right": {
"scope": "scss,css",
"prefix": "ppr",
"body": [
"padding-right: rem($1);"
],
"description": "padding right"
},
"Margin": {
"scope": "scss,css",
"prefix": "mm",
"body": [
"margin: rem(0) rem(0) rem(0) rem(0);"
],
"description": "margin"
},
"Margin to right": {
"scope": "scss,css",
"prefix": "mr",
"body": [
"margin: 0 0 0 auto;"
],
"description": "margin"
},
"Margin left and right": {
"scope": "scss,css",
"prefix": "mmm",
"body": [
"margin: 0px rem($1);"
],
"description": "margin left and right"
},
"Margin top": {
"scope": "scss,css",
"prefix": "mmt",
"body": [
"margin-top: rem($1);"
],
"description": "margin top"
},
"Margin bottom": {
"scope": "scss,css",
"prefix": "mmb",
"body": [
"margin-bottom: rem($1);"
],
"description": "margin bottom"
},
"Margin left": {
"scope": "scss,css",
"prefix": "mml",
"body": [
"margin-left: rem($1);"
],
"description": "margin left"
},
"Margin right": {
"scope": "scss,css",
"prefix": "mmr",
"body": [
"margin-right: rem($1);"
],
"description": "margin right"
},
"Margin 0 auto": {
"scope": "scss,css",
"prefix": "mu",
"body": [
"margin: 0 auto;"
],
"description": "margin center"
},
"mc": {
"prefix": "mc",
"body": [
"margin:auto;"
],
"description": "margin center"
},
"mwn": {
"prefix": "mwn",
"body": [
"max-width: none;"
],
"description": "max-width none"
},
"ps": {
"prefix": "ps",
"body": [
"position: absolute;width: 100%;height: 100%;top: 0;left: 0;"
],
"description": "position absolute"
},
"art": {
"prefix": "art",
"body": [
"width: 0;height: 0;border-left: 50px solid transparent;border-
right: 50px solid transparent;border-bottom: 100px solid red;"
],
"description": "art"
},
"arb": {
"prefix": "arb",
"body": [
"width: 0;height: 0;border-left: 50px solid transparent;border-
right: 50px solid transparent;border-top: 100px solid red;"
],
"description": "arb"
},
"arl": {
"prefix": "arl",
"body": [
"width: 0;height: 0;border-top: 50px solid transparent;border-
right: 100px solid red;border-bottom: 50px solid transparent;"
],
"description": "arl"
},
"arr": {
"prefix": "arr",
"body": [
"width: 0;height: 0;border-top: 50px solid transparent;border-
left: 100px solid red;border-bottom: 50px solid transparent;"
],
"description": "arr"
},
"drt": {
"prefix": "drt",
"body": [
"direction: rtl;"
],
"description": "drt"
},
"br5": {
"scope": "css,scss",
"prefix": "br5",
"body": [
"border-radius: 50%;"
],
"description": "br5"
},
"bs": {
"prefix": "bs",
"body": [
"box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);"
],
"description": "bs"
},
"c0": {
"prefix": "c0",
"body": [
"color:#000;"
],
"description": "c0"
},
"wa": {
"prefix": "wa",
"body": [
"width: auto;"
],
"description": "wa"
},
"ha": {
"prefix": "ha",
"body": [
"height: auto;"
],
"description": "ha"
},
"color": {
"prefix": "c",
"body": [
"color: #${1:fff};"
],
"description": "color"
},
"c1": {
"prefix": "c1",
"body": [
"color: #fff;"
],
"description": "c1"
},
"an": {
"prefix": "an",
"body": [
"animation:${1:name} 1s infinite linear;"
],
"description": "aa"
},
"aa": {
"prefix": "aa",
"body": [
"transition: all 0.${1:3}s ease 0s;$2"
],
"description": "aa"
},
"ar": {
"prefix": "ar",
"body": [
"transform: rotate(-${1:180}deg);"
],
"description": "ar"
},
"as": {
"prefix": "as",
"body": [
"transform: scale(${1:1});"
],
"description": "as"
},
"at": {
"prefix": "at",
"body": [
"transform: translate(${1:0}px,${2:0}px);$3"
],
"description": "at"
},
"att": {
"prefix": "att",
"body": [
"transform: translate(0px,0px) rotate(0deg) scale(1) skew(0,0);"
],
"description": "at"
},
"ex": {
"prefix": "ex",
"body": [
"@extend %${1:};"
],
"description": "ex"
},
"ic": {
"prefix": "ic",
"body": [
"@extend %ic;"
],
"description": "ic"
},
"is": {
"prefix": "is",
"body": [
"img{max-width: 100%;}"
],
"description": "is"
},
"lc": {
"prefix": "lc",
"body": [
"&:last-child{\n\t$0\n}"
],
"description": "lc"
},
"fc": {
"prefix": "fc",
"body": [
"&:first-child{\n\t$0\n}"
],
"description": "fc"
},
"nc": {
"prefix": "nc",
"body": [
"&:nth-child($0){}"
],
"description": "nc"
},
"BeforeAfter": {
"prefix": "ba",
"body": [
"&::before,&::after{\n\tcontent:'';\n\t$0\n}"
],
"description": "ba"
},
"After": {
"prefix": "a",
"body": [
"&::after{\n\tcontent:'';\n\t$0\n}"
],
"description": "after"
},
"Before": {
"prefix": "b",
"body": [
"&::before{\n\tcontent:'';\n\t$0\n}"
],
"description": "before"
},
"hv": {
"prefix": "hv",
"body": [
"&:hover{\n\t$0\n}"
],
"description": "hv"
},
"hhv": {
"prefix": "hhv",
"body": [
"@media (any-hover: hover){\n\t&:hover{\n\t\t$0\n\t}\n}"
],
"description": "hhv"
},
"acc": {
"prefix": "acc",
"body": [
"&:active{\n\t$0\n}"
],
"description": "acc"
},
"ac_css": {
"scope": "scss,css",
"prefix": "ac",
"body": [
"&._active{\n\t$0\n}"
],
"description": "ac_css"
},
"ac_html": {
"scope": "html,kit,javascript",
"prefix": "ac",
"body": [
"_active"
],
"description": "ac_html"
},
"bg+": {
"prefix": "bg+",
"body": [
"background: url('@img$0') 0 0 no-repeat;"
],
"description": "bg+"
},
"md1": {
"prefix": "md1",
"body": [
"@media (max-width:\\$pc){\n\t $0 \n}"
],
"description": "md1"
},
"mmd1": {
"prefix": "mmd1",
"body": [
"@media (min-width:\\$pc){\n\t $0 \n}"
],
"description": "md1"
},
"md2": {
"prefix": "md2",
"body": [
"@media (max-width:\\$tablet){\n\t$0\n}"
],
"description": "md2"
},
"mmd2": {
"prefix": "mmd2",
"body": [
"@media (min-width:\\$tablet){\n\t $0 \n}"
],
"description": "md1"
},
"md3": {
"prefix": "md3",
"body": [
"@media (max-width:\\$mobile){\n\t $0 \n}"
],
"description": "md3"
},
"mmd3": {
"prefix": "mmd3",
"body": [
"@media (min-width:\\$mobile){\n\t $0 \n}"
],
"description": "md1"
},
"md4": {
"prefix": "md4",
"body": [
"@media (max-width:\\$mobileSmall){\n\t $0 \n}"
],
"description": "md4"
},
"mmd4": {
"prefix": "mmd4",
"body": [
"@media (min-width:\\$mobileSmall){\n\t $0 \n}"
],
"description": "md1"
},
"fb": {
"prefix": "fb",
"body": [
"display: flex;"
],
"description": "fb"
},
"fbi": {
"prefix": "fbi",
"body": [
"display: inline-flex;"
],
"description": "fbi"
},
"fbo": {
"prefix": "fbo",
"body": [
"order:${1:1};"
],
"description": "fbo"
},
"fbs": {
"prefix": "fbs",
"body": [
"justify-content:${1:space-between};"
],
"description": "fbs"
},
"fbai": {
"prefix": "fbai",
"body": [
"align-items:${1:center};"
],
"description": "fbai"
},
"fbw": {
"prefix": "fbw",
"body": [
"flex-wrap: wrap;"
],
"description": "fbw"
},
"fbd": {
"prefix": "fbd",
"body": [
"flex-direction: column;"
],
"description": "fbd"
},
"fbg": {
"prefix": "fbg",
"body": [
"flex: 1 1 100%;"
],
"description": "fbg"
},
"fbga": {
"prefix": "fbga",
"body": [
"flex: 1 1 auto;"
],
"description": "fbga"
},
"fbgh": {
"prefix": "fbgh",
"body": [
"flex: 0 1 50%;"
],
"description": "fbgh"
},
"fbgt": {
"prefix": "fbgt",
"body": [
"flex: 0 1 33.333%;"
],
"description": "fbgt"
},
"fbgq": {
"prefix": "fbgq",
"body": [
"flex: 0 1 25%;"
],
"description": "fbgq"
},
"fbp": {
"prefix": "fbp",
"body": [
"flex: 0 0 $1px;"
],
"description": "fbp"
},
"fbc": {
"prefix": "fbc",
"body": [
"justify-content:center;align-items: center;"
],
"description": "fbc"
},
"lcm": {
"prefix": "lcm",
"body": [
"&:last-child{margin:0px 0px 0px 0px;}"
],
"description": "lcm"
},
"hvu": {
"prefix": "hvu",
"body": [
"&:hover{text-decoration: underline;}"
],
"description": "hvu"
},
"hvn": {
"prefix": "hvn",
"body": [
"&:hover{text-decoration: none;}"
],
"description": "hvn"
},
"bt": {
"prefix": "bt",
"body": [
"body.touch &{\n\t$1\n}"
],
"description": "bt"
},
"kf": {
"prefix": "kf",
"body": "@keyframes ${1:name} {\n\t0% {\n\t\t$2\n\t}\n\t100% {\n\t\t$3\
n\t}\n}",
"description": "kf"
},
"qa": {
"scope": "html,kit",
"prefix": "qa",
"body": "<div class=\"quantity\"><div class=\"quantity__button
quantity__button_plus _icon-plus\"></div><div class=\"quantity__input\"><input
autocomplete=\"off\" type=\"text\" name=\"form[]\" value=\"1\"></div><div
class=\"quantity__button quantity__button_minus _icon-minus\"></div></div>",
"description": "qa"
},
"Textarea": {
"scope": "html,kit",
"prefix": "txta",
"body": "<textarea autocomplete=\"off\" name=\"form[]\"
placeholder=\"$1\" data-error=\"Ошибка\" class=\"input\"></textarea>",
"description": "txta"
},
"Select": {
"prefix": "sel",
"body": "<select name=\"form[]\" data-class-modif=\"form\">\n\t<option
value=\"1\" selected>Пункт №1</option>\n\t<option value=\"2\">Пункт №2</option>\n\
t<option value=\"3\">Пункт №3</option>\n\t<option value=\"4\">Пункт №4</option>\
n</select>",
"description": "sel"
},
"Radio buttons": {
"prefix": "opt",
"body": "<div class=\"options\">\n\t<div class=\"options__item\">\n\t\
t<input id=\"o_1\" class=\"options__input\" checked type=\"radio\" value=\"1\"
name=\"option\">\n\t\t<label for=\"o_1\" class=\"options__label\"><span
class=\"options__text\">${1:Текст}</span></label>\n\t</div>\n\t<div
class=\"options__item\">\n\t\t<input id=\"o_2\" class=\"options__input\"
type=\"radio\" value=\"2\" name=\"option\">\n\t\t<label for=\"o_2\"
class=\"options__label\"><span class=\"options__text\">${2:Текст}</span></label>\n\
t</div>\n</div>",
"description": ""
},
"CheckBox": {
"prefix": "chk",
"body": "<div class=\"checkbox\">\n\t<input id=\"c_1\" data-
error=\"Ошибка\" class=\"checkbox__input\" type=\"checkbox\" value=\"1\"
name=\"form[]\">\n\t<label for=\"c_1\" class=\"checkbox__label\"><span
class=\"checkbox__text\">${1:Текст}</span></label>\n</div>",
"description": ""
},
"Button": {
"prefix": "btn",
"body": "<button type=\"submit\"
class=\"button\">${1:Отправить}</button>",
"description": ""
},
"Button Item": {
"prefix": "bbtn",
"body": "<button type=\"button\"
class=\"${1:class}\">${2:Текст}</button>",
"description": ""
},
"Button Link": {
"prefix": "abtn",
"body": "<a href=\"\" class=\"button\">${1:Текст}</a>",
"description": ""
},
"str": {
"prefix": "str",
"body": "<div class=\"${1:block}\">\n\t<div
class='${1:block}__container'>\n\t\t<div class=\"${1:block}__title\"></div>\n\t\
t<div class=\"${1:block}__row\">\n\t\t\t<div class=\"${1:block}__column\">\n\t\t\t\
t$2\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>",
"description": "str"
},
"menu": {
"prefix": "menu",
"body": "<div class=\"header__menu menu\">\n\t<button type=\"button\"
class=\"menu__icon icon-menu\"><span></span></button>\n\t<nav
class=\"menu__body\">\n\t\t<ul class=\"menu__list\">\n\t\t\t<li
class=\"menu__item\"><a href=\"\"
class=\"menu__link\"></a></li>\n\t\t</ul>\n\t</nav>\n</div>",
"description": "menu"
},
"logo": {
"prefix": "logo",
"body": "<a href=\"\" class=\"header__logo\"><img src=\"@img/logo.svg\"
alt=\"\"></a>",
"description": "logo"
},
"Image": {
"prefix": "img",
"body": "<img src=\"@img$0\" alt=\"\">",
"description": "img"
},
"Image Lazy": {
"prefix": "imgl",
"body": "<img data-src=\"@img$0\" alt=\"\">",
"description": "img lazy load"
},
/*
"Image": {
"prefix": "img",
"body": "<img src=\"img$0\" alt=\"\">",
"description": "img"
},
*/
"sp": {
"prefix": "sp",
"body":
"//================================================================================
========================================================================\n$1",
"description": "sp"
},
"nowrap": {
"prefix": "wsnw",
"body": "white-space: nowrap;",
"description": "nowrap"
},
"vc1": {
"prefix": "vc1",
"body": "color: #794f45;",
"description": "vc1"
},
"vc2": {
"prefix": "vc2",
"body": "color: #77608d;",
"description": "vc2"
},
"vc3": {
"prefix": "vc3",
"body": "color: #7A956B;",
"description": "vc3"
},
"bc1": {
"prefix": "bc1",
"body": "background-color: #794f45;",
"description": "bc1"
},
"bc2": {
"prefix": "bc2",
"body": "background-color: #77608d;",
"description": "bc2"
},
"bc3": {
"prefix": "bc3",
"body": "background-color: #7A956B;",
"description": "bc3"
},
"Adaptiv Value margin": {
"scope": "scss",
"prefix": "avm",
"body": [
"@include adaptiveValue(\"${1:margin}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value margin top": {
"scope": "scss",
"prefix": "avmt",
"body": [
"@include adaptiveValue(\"${1:margin-top}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value margin bottom": {
"scope": "scss",
"prefix": "avmb",
"body": [
"@include adaptiveValue(\"${1:margin-bottom}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value margin right": {
"scope": "scss",
"prefix": "avmr",
"body": [
"@include adaptiveValue(\"${1:margin-right}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value margin left": {
"scope": "scss",
"prefix": "avml",
"body": [
"@include adaptiveValue(\"${1:margin-left}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value padding": {
"scope": "scss",
"prefix": "avp",
"body": [
"@include adaptiveValue(\"${1:padding}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value padding top": {
"scope": "scss",
"prefix": "avpt",
"body": [
"@include adaptiveValue(\"${1:padding-top}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value padding bottom": {
"scope": "scss",
"prefix": "avpb",
"body": [
"@include adaptiveValue(\"${1:padding-bottom}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value padding right": {
"scope": "scss",
"prefix": "avpr",
"body": [
"@include adaptiveValue(\"${1:padding-right}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Adaptiv Value padding left": {
"scope": "scss",
"prefix": "avpl",
"body": [
"@include adaptiveValue(\"${1:padding-left}\", $2, $3);"
],
"description": "Адаптивное свойство (clamp): CSS-свойство, начальное
значение, конечное значение, ширина начальная, ширина конечная"
},
"Padding CSS": {
"scope": "css",
"prefix": "pp",
"body": [
"padding: 0px 0px 0px 0px;"
],
"description": "padding"
},
"Margin CSS": {
"scope": "css",
"prefix": "pp",
"body": [
"margin: 0px 0px 0px 0px;"
],
"description": "padding"
},
}