Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
VS Code Settings
{"lastUpload":"2020-08-28T21:31:48.308Z","extensionVersion":"v3.4.3"}
[
{
"metadata": {
"id": "697255a9-3f36-44c8-b084-d3b91edfb23a",
"publisherId": "HookyQR.beautify",
"publisherDisplayName": "HookyQR"
},
"name": "beautify",
"publisher": "HookyQR",
"version": "1.5.0"
},
{
"metadata": {
"id": "464f4ac7-af65-4aa9-9907-4ba7fa419085",
"publisherId": "bungcip.better-toml",
"publisherDisplayName": "bungcip"
},
"name": "better-toml",
"publisher": "bungcip",
"version": "0.3.2"
},
{
"metadata": {
"id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
"publisherId": "Shan.code-settings-sync",
"publisherDisplayName": "Shan"
},
"name": "code-settings-sync",
"publisher": "Shan",
"version": "3.4.3"
},
{
"metadata": {
"id": "19804510-b475-4dae-b0f7-6ca08fd1af0c",
"publisherId": "dsznajder.es7-react-js-snippets",
"publisherDisplayName": "dsznajder"
},
"name": "es7-react-js-snippets",
"publisher": "dsznajder",
"version": "2.8.3"
},
{
"metadata": {
"id": "04441faa-52b5-4583-b6ed-f9e56f613819",
"publisherId": "ginfuru.ginfuru-vscode-jekyll-syntax",
"publisherDisplayName": "ginfuru"
},
"name": "ginfuru-vscode-jekyll-syntax",
"publisher": "ginfuru",
"version": "0.1.1"
},
{
"metadata": {
"id": "4de763bd-505d-4978-9575-2b7696ecf94e",
"publisherId": "eamodio.gitlens",
"publisherDisplayName": "eamodio"
},
"name": "gitlens",
"publisher": "eamodio",
"version": "10.2.2"
},
{
"metadata": {
"id": "b2afde1a-6cef-4f77-971f-24e66ff2ae38",
"publisherId": "wix.glean",
"publisherDisplayName": "wix"
},
"name": "glean",
"publisher": "wix",
"version": "5.0.1"
},
{
"metadata": {
"id": "3e8a391a-f3f0-44b2-8631-7847b0c8839a",
"publisherId": "kumar-harsh.graphql-for-vscode",
"publisherDisplayName": "kumar-harsh"
},
"name": "graphql-for-vscode",
"publisher": "kumar-harsh",
"version": "1.15.3"
},
{
"metadata": {
"id": "a96acff8-5197-43a6-b07c-d4d178558e56",
"publisherId": "neilding.language-liquid",
"publisherDisplayName": "neilding"
},
"name": "language-liquid",
"publisher": "neilding",
"version": "0.1.1"
},
{
"metadata": {
"id": "ce071f60-714c-4351-854a-2a1d33f1e357",
"publisherId": "felipe.nasc-touchbar",
"publisherDisplayName": "felipe"
},
"name": "nasc-touchbar",
"publisher": "felipe",
"version": "1.12.0"
},
{
"metadata": {
"id": "d27203d5-48e4-451c-9cad-b6e6bca25f48",
"publisherId": "foxundermoon.next-js",
"publisherDisplayName": "foxundermoon"
},
"name": "next-js",
"publisher": "foxundermoon",
"version": "0.0.2"
},
{
"metadata": {
"id": "80def04d-6d01-495b-9d59-4ad19408872f",
"publisherId": "csstools.postcss",
"publisherDisplayName": "csstools"
},
"name": "postcss",
"publisher": "csstools",
"version": "1.0.9"
},
{
"metadata": {
"id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
"publisherId": "esbenp.prettier-vscode",
"publisherDisplayName": "esbenp"
},
"name": "prettier-vscode",
"publisher": "esbenp",
"version": "5.5.0"
},
{
"metadata": {
"id": "64a1c586-bdb1-42b9-ad8d-4f40158121b9",
"publisherId": "SimonSiefke.prettier-vscode",
"publisherDisplayName": "SimonSiefke"
},
"name": "prettier-vscode",
"publisher": "SimonSiefke",
"version": "2.0.7"
},
{
"metadata": {
"id": "33ce9d6b-41cf-4972-a62b-386f7201981d",
"publisherId": "Prisma.prisma",
"publisherDisplayName": "Prisma"
},
"name": "prisma",
"publisher": "Prisma",
"version": "2.5.1"
},
{
"metadata": {
"id": "f1f59ae4-9318-4f3c-a9b5-81b2eaa5f8a5",
"publisherId": "ms-python.python",
"publisherDisplayName": "ms-python"
},
"name": "python",
"publisher": "ms-python",
"version": "2020.8.105045"
},
{
"metadata": {
"id": "4ef434e7-60b0-4c98-99d9-e82c67093516",
"publisherId": "OfHumanBondage.react-proptypes-intellisense",
"publisherDisplayName": "OfHumanBondage"
},
"name": "react-proptypes-intellisense",
"publisher": "OfHumanBondage",
"version": "1.0.3"
},
{
"metadata": {
"id": "5d031c29-7a75-4f87-854b-5c3e679bff80",
"publisherId": "urbantrout.refactor-css",
"publisherDisplayName": "urbantrout"
},
"name": "refactor-css",
"publisher": "urbantrout",
"version": "0.4.2"
},
{
"metadata": {
"id": "ae062c8a-c68e-4b92-9ecf-8f1d4288b05d",
"publisherId": "rebornix.ruby",
"publisherDisplayName": "rebornix"
},
"name": "ruby",
"publisher": "rebornix",
"version": "0.27.0"
},
{
"metadata": {
"id": "ba2d692e-ab31-4861-8b19-e37fc1f859ed",
"publisherId": "ardenivanov.svelte-intellisense",
"publisherDisplayName": "ardenivanov"
},
"name": "svelte-intellisense",
"publisher": "ardenivanov",
"version": "0.7.1"
},
{
"metadata": {
"id": "f7ca3c4f-a370-4a7f-8691-7ad0f29f8275",
"publisherId": "JamesBirtles.svelte-vscode",
"publisherDisplayName": "JamesBirtles"
},
"name": "svelte-vscode",
"publisher": "JamesBirtles",
"version": "0.9.3"
},
{
"metadata": {
"id": "2f5dd8cb-d251-4d70-abfe-ddebcb077483",
"publisherId": "octref.vetur",
"publisherDisplayName": "octref"
},
"name": "vetur",
"publisher": "octref",
"version": "0.26.1"
},
{
"metadata": {
"id": "484d897a-6711-403c-ab54-a96f12be5833",
"publisherId": "Equinusocio.vsc-community-material-theme",
"publisherDisplayName": "Equinusocio"
},
"name": "vsc-community-material-theme",
"publisher": "Equinusocio",
"version": "1.4.2"
},
{
"metadata": {
"id": "dffaf5a1-2219-434b-9d87-cb586fd59260",
"publisherId": "Equinusocio.vsc-material-theme",
"publisherDisplayName": "Equinusocio"
},
"name": "vsc-material-theme",
"publisher": "Equinusocio",
"version": "32.8.0"
},
{
"metadata": {
"id": "8c609a4f-268a-41fb-8fe6-b6fcd95e8113",
"publisherId": "equinusocio.vsc-material-theme-icons",
"publisherDisplayName": "equinusocio"
},
"name": "vsc-material-theme-icons",
"publisher": "equinusocio",
"version": "1.2.0"
},
{
"metadata": {
"id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
"publisherId": "dbaeumer.vscode-eslint",
"publisherDisplayName": "dbaeumer"
},
"name": "vscode-eslint",
"publisher": "dbaeumer",
"version": "2.1.8"
},
{
"metadata": {
"id": "c46b0018-f317-4b6c-a785-d2039b27338f",
"publisherId": "wix.vscode-import-cost",
"publisherDisplayName": "wix"
},
"name": "vscode-import-cost",
"publisher": "wix",
"version": "2.12.0"
},
{
"metadata": {
"id": "7891ba3a-fe11-4e55-bf8f-21479bed022c",
"publisherId": "ginfuru.vscode-jekyll-snippets",
"publisherDisplayName": "ginfuru"
},
"name": "vscode-jekyll-snippets",
"publisher": "ginfuru",
"version": "0.9.3"
},
{
"metadata": {
"id": "dd5a2c83-ad8c-4839-a529-0644e5acb646",
"publisherId": "mgmcdermott.vscode-language-babel",
"publisherDisplayName": "mgmcdermott"
},
"name": "vscode-language-babel",
"publisher": "mgmcdermott",
"version": "0.0.29"
},
{
"metadata": {
"id": "39cefc2f-0175-44db-91f8-fe3230b4c3a1",
"publisherId": "killalau.vscode-liquid-snippets",
"publisherDisplayName": "killalau"
},
"name": "vscode-liquid-snippets",
"publisher": "killalau",
"version": "2.0.1"
},
{
"metadata": {
"id": "efc33846-2498-43d7-9699-47d0a7741345",
"publisherId": "attilabuti.vscode-mjml",
"publisherDisplayName": "attilabuti"
},
"name": "vscode-mjml",
"publisher": "attilabuti",
"version": "1.6.0"
},
{
"metadata": {
"id": "cc4e97b3-c252-4e12-983f-ee5d2101c2cd",
"publisherId": "ms-ossdata.vscode-postgresql",
"publisherDisplayName": "ms-ossdata"
},
"name": "vscode-postgresql",
"publisher": "ms-ossdata",
"version": "0.3.0"
},
{
"metadata": {
"id": "708cfcd8-e0c6-49ca-9af6-b27a342d247b",
"publisherId": "wingrunr21.vscode-ruby",
"publisherDisplayName": "wingrunr21"
},
"name": "vscode-ruby",
"publisher": "wingrunr21",
"version": "0.27.0"
},
{
"metadata": {
"id": "a42d3dd1-f528-407c-a110-d5e35c7ca4c2",
"publisherId": "fivethree.vscode-svelte-snippets",
"publisherDisplayName": "fivethree"
},
"name": "vscode-svelte-snippets",
"publisher": "fivethree",
"version": "0.5.0"
},
{
"metadata": {
"id": "4db62a7c-7d70-419c-96d2-6c3a4dc77ea5",
"publisherId": "bradlc.vscode-tailwindcss",
"publisherDisplayName": "bradlc"
},
"name": "vscode-tailwindcss",
"publisher": "bradlc",
"version": "0.4.3"
},
{
"metadata": {
"id": "97a08c5f-6667-4242-a5c5-045dfb6bd4b9",
"publisherId": "wayou.vscode-todo-highlight",
"publisherDisplayName": "wayou"
},
"name": "vscode-todo-highlight",
"publisher": "wayou",
"version": "1.0.4"
},
{
"metadata": {
"id": "07fc4a0a-11fc-4121-ba9a-f0d534c729d8",
"publisherId": "pflannery.vscode-versionlens",
"publisherDisplayName": "pflannery"
},
"name": "vscode-versionlens",
"publisher": "pflannery",
"version": "1.0.8"
}
]
{
"workbench.colorCustomizations": {
"activityBarBadge.background": "#84FFFF",
"list.activeSelectionForeground": "#84FFFF",
"list.inactiveSelectionForeground": "#84FFFF",
"list.highlightForeground": "#84FFFF",
"scrollbarSlider.activeBackground": "#84FFFF50",
"editorSuggestWidget.highlightForeground": "#84FFFF",
"textLink.foreground": "#84FFFF",
"progressBar.background": "#84FFFF",
"pickerGroup.foreground": "#84FFFF",
"tab.activeBorder": "#84FFFF",
"notificationLink.foreground": "#84FFFF",
"editorWidget.resizeBorder": "#84FFFF",
"editorWidget.border": "#84FFFF",
"settings.modifiedItemIndicator": "#84FFFF",
"settings.headerForeground": "#84FFFF",
"panelTitle.activeBorder": "#84FFFF",
"breadcrumb.activeSelectionForeground": "#84FFFF",
"menu.selectionForeground": "#84FFFF",
"menubar.selectionForeground": "#84FFFF"
},
"editor.fontFamily": "\"Fira Code\", \"iA Writer Mono V\", Menlo, \"DejaVu Sans Mono\", Consolas, \"Lucida Console\", monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"materialTheme.autoApplyIcons": true,
"workbench.statusBar.feedback.visible": false,
"git.autofetch": true,
"workbench.startupEditor": "newUntitledFile",
"workbench.activityBar.visible": true,
"editor.minimap.enabled": false,
"workbench.statusBar.visible": true,
"emmet.triggerExpansionOnTab": true,
"emmet.showSuggestionsAsSnippets": true,
"emmet.includeLanguages": {
"mjml": "html",
"jinja-html": "html",
"erb": "html"
},
"workbench.colorTheme": "Material Theme Darker",
"workbench.iconTheme": "eq-material-theme-icons",
"editor.tabCompletion": "on",
"refactor-css.exclude": "**/{node_modules,bower_components,_site,dist}/**",
"git.confirmSync": false,
"mjml.autoPreview": true,
"mjml.lintEnable": true,
"mjml.mailFromName": "Kotn",
"mjml.mailRecipients": "ben@kotn.com",
"mjml.mailSubject": "[Campaign Test]",
"window.zoomLevel": -1,
"explorer.confirmDelete": false,
"mjml.mailer": "nodemailer",
"materialTheme.accent": "Graphite",
"files.associations": {
"*.liquid": "liquid",
"*.js": "javascriptreact"
},
"workbench.sideBar.location": "left",
"git.enableSmartCommit": true,
"explorer.confirmDragAndDrop": false,
"jshint.lintHTML": true,
"[javascript]": {},
"[liquid]": {},
"eslint.alwaysShowStatus": true,
"editor.tabSize": 2,
"[json]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"editor.defaultFormatter": "HookyQR.beautify",
"eslint.format.enable": true,
"prettier.semi": false,
"editor.formatOnType": true,
"css.validate": false,
"sync.gist": "c32354b3f50f17696cb9d95a8fea13bf",
"terminal.external.osxExec": "Hyper.app",
"mjml.minifyHtmlOutput": false,
"mjml.beautifyHtmlOutput": true,
"touchBar.rename": false,
"touchBar.showActivityBar": true,
"touchBar.terminal": true,
"touchBar.search": false,
"touchBar.foldAll": true,
"touchBar.copyLinesDownAction": false,
"keyboard.touchbar.ignored": [
"play",
"workbench.action.debug.start",
"workbench.action.debug.run"
],
"touchBar.unfoldAll": true,
"touchBar.debug": false,
"touchBar.scm": false,
"touchBar.toggleZenMode": false,
"nasc-touchbar.toggleSidebar": true,
"nasc-touchbar.addCursorBelow": false,
"nasc-touchbar.nextInFiles": true,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[css]": {},
"prettier.jsxSingleQuote": true,
"prettier.packageManager": "yarn",
"prettier.singleQuote": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"[javascriptreact]": {
"editor.defaultFormatter": "SimonSiefke.prettier-vscode"
},
"tailwindCSS.includeLanguages": {
"svelte": "html"
},
"emmet.syntaxProfiles": {
},
"[scss]": {
"editor.defaultFormatter": "SimonSiefke.prettier-vscode"
},
"editor.formatOnSave": true
}
{
// Place your snippets for mjml 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"
// }
"Base Template": {
"prefix": "kds-base",
"body": [
"<mjml>",
" <mj-head>",
" <mj-style>",
" * {",
" -webkit-font-smoothing: antialiased;",
" -moz-osx-font-smoothing: grayscale;",
" }",
" body {",
" font-family: 'Plain', -apple-system, sans-serif;",
" background: #fff",
" }",
" @font-face {",
" font-family: 'Plain';",
" src: url(\"https://kotn.com/fonts/Plain-Light.eot\");",
" src: local(\"Plain-Light\"), url(\"https://kotn.com/fonts/Plain-Light.eot?#iefix\") format(\"embedded-opentype\"), url(\"https://kotn.com/fonts/Plain-Light.woff2\") format(\"woff2\"), url(\"https://kotn.com/fonts/Plain-Light.woff\") format(\"woff\"), url(\"https://kotn.com/fonts/Plain-Light.ttf\") format(\"truetype\"), url(\"https://kotn.com/fonts/Plain-Light.svg#Plain-Light\") format(\"svg\");",
" font-weight: 400;",
" font-style: normal; }",
"",
" @font-face {",
" font-family: 'Plain';",
" src: url(\"https://kotn.com/fonts/Plain-Regular.eot\");",
" src: local(\"Plain Regular\"), local(\"Plain-Regular\"), url(\"https://kotn.com/fonts/Plain-Regular.eot?#iefix\") format(\"embedded-opentype\"), url(\"https://kotn.com/fonts/Plain-Regular.woff2\") format(\"woff2\"), url(\"https://kotn.com/fonts/Plain-Regular.woff\") format(\"woff\"), url(\"https://kotn.com/fonts/Plain-Regular.ttf\") format(\"truetype\"), url(\"https://kotn.com/fonts/Plain-Regular.svg#Plain-Regular\") format(\"svg\");",
" font-weight: 500;",
" font-style: normal; }",
"",
" @font-face {",
" font-family: 'Reckless';",
" src: url(\"https://kotn.com/fonts/Reckless-Light.eot\");",
" src: local(\"Reckless Light\"), local(\"Reckless-Light\"), url(\"https://kotn.com/fonts/Reckless-Light.eot?#iefix\") format(\"embedded-opentype\"), url(\"https://kotn.com/fonts/Reckless-Light.woff2\") format(\"woff2\"), url(\"https://kotn.com/fonts/Reckless-Light.woff\") format(\"woff\"), url(\"https://kotn.com/fonts/Reckless-Light.ttf\") format(\"truetype\"), url(\"https://kotn.com/fonts/Reckless-Light.svg#Reckless-Light\") format(\"svg\");",
" font-weight: 200;",
" font-style: normal; }",
"",
" @font-face {",
" font-family: 'Reckless';",
" src: url(\"https://kotn.com/fonts/Reckless-Regular.eot\");",
" src: local(\"Reckless Regular\"), local(\"Reckless-Regular\"), url(\"https://kotn.com/fonts/Reckless-Regular.eot?#iefix\") format(\"embedded-opentype\"), url(\"https://kotn.com/fonts/Reckless-Regular.woff2\") format(\"woff2\"), url(\"https://kotn.com/fonts/Reckless-Regular.woff\") format(\"woff\"), url(\"https://kotn.com/fonts/Reckless-Regular.ttf\") format(\"truetype\"), url(\"https://kotn.com/fonts/Reckless-Regular.svg#Reckless-Light\") format(\"svg\");",
" font-weight: 400;",
" font-style: normal; }",
"",
" @media screen and (min-width: 30em) and (max-width: 60em) {",
" .f2-m {",
" font-size:",
" 2.25rem !important;",
" }",
" }",
" @media screen and (min-width: 60em) {",
" .f1-l {",
" font-size: 3rem !important;",
" }",
" }",
" @media screen and (max-width: 30em) {",
" .header-link {",
" font-size: 10px !important;",
" display: none;",
" }",
" .hide-small {",
" display: none;",
" }",
" }",
" .did-you-know {",
" max-width:",
" 32rem !important;",
" }",
" </mj-style>",
" </mj-head>",
" <mj-body>",
" <mj-raw>",
" <!--[if !gte mso 9]><!---->",
" <span ",
" style=\"",
" display:none;",
" font-size:0px;",
" line-height:0px;",
" max-height:0px;",
" max-width:0px;",
" opacity:0;",
" overflow:hidden;",
" visibility:hidden;",
" mso-hide:all;\">",
" Hey there, {{ first_name | default: 'friend' }}!",
" </span>",
" <div style=\"display: none; max-height: 0px; overflow: hidden;\">&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;</div>",
" <!--<![endif]-->",
" </mj-raw>",
" // Your Content Here",
" ",
" <mj-section padding=\"16px 16px 32px\">",
" <mj-column>",
" <mj-text align=\"center\" padding=\"0\">",
" <p style=\"",
" margin: 0 auto;",
" font-size: 10px;",
" line-height: 1.5;",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-weight: normal;",
" color:rgba(0,0,0,0.5);\">",
" Don&rsquo;t like getting these emails? You can <a style=\"color:rgba(0,0,0,0.5)\" href=\"{% unsubscribe_link %}\">unsubscribe</a>.",
" </p>",
" </mj-text>",
" </mj-column>",
" </mj-section>",
" </mj-body>",
"</mjml>"
],
"description": "Base Template"
},
"Logo Header": {
"prefix": "kds-logo-header",
"body": [
"// Logo Header",
"<mj-section padding-bottom=\"0\">",
" <mj-column>",
"<mj-image padding-left=\"0\" padding-right=\"0\" padding-bottom=\"30px\" href=\"https://kotn.com/\" width=\"52px\" src=\"https://res.cloudinary.com/kotn/image/upload/v2/logo-white.png\" />",
" </mj-column>",
"</mj-section>"
],
"description": "Logo Header"
},
"Title Serif": {
"prefix": "kds-title-serif",
"body": [
"// Title Serif",
"<mj-section padding-top=\"0\" padding-bottom=\"0\">",
" <mj-column>",
" <mj-text align=\"center\">",
" <h1 style=\"",
" max-width: 20em;",
" font-size: 48px;",
" line-height: 1.1;",
" margin-left: auto;",
" margin-right: auto;",
" font-family: 'Reckless', -apple-system, sans-serif;",
" font-weight: normal;",
" color: #212121;",
" margin-top: 0em;\">",
" Design System",
" </h1>",
" </mj-text>",
" </mj-column>",
"</mj-section>"
],
"description": "Title Serif"
},
"Title": {
"prefix": "kds-title",
"body": [
"// Title Serif",
"<mj-section padding-top=\"0\" padding-bottom=\"0\">",
" <mj-column>",
" <mj-text align=\"center\">",
" <h1 style=\"",
" max-width: 20em;",
" font-size: 48px;",
" line-height: 1.1;",
" margin-left: auto;",
" margin-right: auto;",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-weight: normal;",
" color: #212121;",
" margin-top: 0em;\">",
" Design System",
" </h1>",
" </mj-text>",
" </mj-column>",
"</mj-section>"
],
"description": "Title Serif"
},
"Image Hero": {
"prefix": "kds-image-hero",
"body": [
"// Image Hero",
"<mj-section>",
" <mj-column>",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/600x400\" width=\"600\" padding=\"0\" />",
" <mj-text align=\"center\">",
" <p style=\"",
" font-family:'Plain',-apple-system,sans-serif;",
" font-size: 14px;",
" color: #191919; ",
" line-height: 1.4; ",
" margin-bottom: 2em;",
" margin: 0 auto 1em; ",
" font-weight:200;\">",
" Warm up your winters with Alabaster, Camel and Oat Melange.",
" <a style=\"color: #191919;\" href=\"#\">",
" Read more",
" </a>",
" </p>",
" </mj-text>",
" </mj-column>",
"</mj-section>"
],
"description": "Image Hero"
},
"Section Head": {
"prefix": "kds-section-head",
"body": [
"// Section Head",
"<mj-section padding=\"0\">",
" <mj-column>",
" <mj-text padding=\"0 10px\" align=\"center\">",
" <h3 style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" text-transform: uppercase;",
" font-size: 10px;",
" font-weight: bold;",
" letter-spacing: 0.05em;\">",
" Our Factories",
" </h3>",
" <h2 style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-style: normal;",
" font-weight: normal;",
" line-height: 1.5;",
" font-size: 16px;",
" text-align: center;\">",
" El–Amal, Alexandria, Egypt",
" </h2>",
" </mj-text>",
" </mj-column>",
"</mj-section>"
],
"description": "Section Head"
},
"Long Text": {
"prefix": "kds-long-text",
"body": [
"// Long Text",
"<mj-section padding=\"0\">",
" <mj-column>",
" <mj-text padding=\"0 10px\" align=\"left\">",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 14px;",
" color: #191919;",
" line-height: 1.5;",
" max-width: 30em;",
" margin: 0 auto 1em;\">",
" The primary cut-and-sew facility for our knit program is run by our friend Tamer. With just 80 employees, he runs a tight ship. ISO 9001 and Oeko-Tex certified, Tamer goes above and beyond by providing services like transportation and counselling for his employees. As a partner, they’re in it for the long haul, and we have exciting dreams about what we can do together.",
" </p>",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 14px;color: #191919;",
" line-height: 1.5;",
" max-width: 30em;",
" margin: 0 auto 1em;\">",
" We work with partners who believe in a commitment to their employees; not to be regarded as robots or cogs in a wheel, but as craftspeople with boundless potential. Our partners have some of the best employee retentions around, promoting from within, with equal opportunity for all.",
" </p>",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 14px;color: #191919;",
" line-height: 1.5;",
" max-width: 30em;",
" margin: 0 auto 1em;\">",
" <span style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 10px;",
" font-weight: bold;\">",
" ON REVERSE",
" </span>",
" Ibtsam, Head of Garment Finishing at El-Amal",
" </p>",
" </mj-text>",
" </mj-column>",
"</mj-section>",
""
],
"description": "Long Text"
},
"CTA": {
"prefix": "kds-cta",
"body": [
"// CTA",
"<mj-section padding-top=\"0\">",
" <mj-column>",
" <mj-text align=\"center\">",
" <a href=\"https://kotn.com/\" style=\"",
" display: block;",
" text-decoration: none;",
" width: 210px;",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 16px;",
" color: #191919;",
" line-height: 40px;",
" height: 44px;",
" box-sizing: border-box;",
" margin: 2em auto;",
" border: solid 1px;\">",
" Button Label",
" </a>",
" </mj-text>",
" </mj-column>",
"</mj-section>"
],
"description": "CTA"
},
"2-Up Image": {
"prefix": "kds-2-up-image",
"body": [
"// 2-Up Image",
"<mj-section>",
" <mj-group>",
" <mj-column>",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0 4px 0 0\" />",
" </mj-column>",
" <mj-column>",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0 0 0 4px\" />",
" </mj-column>",
" </mj-group>",
"</mj-section>"
],
"description": "2-Up Image"
},
"Text": {
"prefix": "kds-text",
"body": [
"// Text",
"<mj-section padding=\"0\">",
"<mj-column>",
" <mj-text padding=\"0 10px\" align=\"center\">",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 16px;",
" color: #191919;",
" line-height: 1.4;",
" margin-bottom: 2em;",
" max-width: 30em;",
" margin: 32px auto;",
" font-weight:normal;\">",
" Keep text blocks short and sweet. This one is the max length, 200 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat libero volutpat vehicula egestas. Mauris vitae&nbsp;eros.</p>",
" </mj-text>",
"</mj-column>",
"</mj-section>"
],
"description": "Text"
},
"2-Up Content Card": {
"prefix": "kds-2-up-content-card",
"body": [
"// 2-Up Content Card",
"<mj-section>",
"<mj-group>",
" <mj-column>",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text align=\"center\">",
" <p style=\"font-family: 'Plain', -apple-system, sans-serif; font-weight: bold\">William Richmond Watson</p>",
" <p style=\"font-family: 'Plain', -apple-system, sans-serif; font-weight: normal;\">The Art of Design</p>",
" </mj-text>",
" </mj-column>",
" <mj-column>",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0x 0x 0x 4px\" />",
" <mj-text align=\"center\">",
" <p style=\"font-family: 'Plain', -apple-system, sans-serif; font-weight: bold\">Gaby Bayona</p>",
" <p style=\"font-family: 'Plain', -apple-system, sans-serif; font-weight: normal;\">Yes to the Dress<p>",
" </mj-text>",
" </mj-column>",
"</mj-group>",
"</mj-section>"
],
"description": "2-Up Content Card"
},
"2-Up Product Card": {
"prefix": "kds-2-up-product-card",
"body": [
"// 2-Up Product Card",
"<mj-section>",
"<mj-group>",
" <mj-column>",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text align=\"center\">",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-weight: bold\">",
" Mock Neck Dress",
" <span style=\"font-weight: normal;\"><s>$78</s> $62</span>",
" </p>",
" </mj-text>",
" </mj-column>",
" <mj-column>",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0x 0x 0x 4px\" />",
" <mj-text align=\"center\">",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-weight: bold\">",
" Mock Neck Sweatshirt <span style=\"font-weight: normal;\">$85</span>",
" </p>",
" </mj-text>",
" </mj-column>",
"</mj-group>",
"</mj-section>"
],
"description": "2-Up Product Card"
},
"Image and Callout": {
"prefix": "kds-image-callout",
"body": [
"// Image and callout",
"<mj-section>",
"<mj-column vertical-align=\"bottom\">",
" <mj-image width=\"350px\" href=\"https://kotn.com/\" src=\"https://placehold.it/300x350\" padding=\"0\" />",
"</mj-column>",
"<mj-column vertical-align=\"bottom\">",
" <mj-text padding=\"0px 24px\">",
" <h2 style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-weight: bold;",
" font-size: 14px;",
" line-height: 1.5;",
" margin-bottom: 2em;",
" \">",
" Headline if needed",
" </h2>",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-weight: normal;",
" font-size: 14px;",
" line-height: 1.5;",
" margin-bottom: 1em;",
" \">",
" “After high school, I was planning to go to business school and I didn’t get in, and at the time my mom had started a custom dress shop. I ended up having a bunch of free time, so I started to help her run the business.”",
" </p>",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-weight: normal;",
" font-size: 14px;",
" line-height: 1.5;",
" margin-bottom: 0px;",
" \">",
" “After high school, I was planning to go to business school and I didn’t get in, and at the time my mom had started a custom dress shop. I ended up having a bunch of free time, so I started to help her run the business.”",
" </p>",
" </mj-text>",
"</mj-column>",
"</mj-section>"
],
"description": "Image and Callout"
},
"Product Grid": {
"prefix": "kds-product-grid",
"body": [
"// Product Grid",
"<mj-section>",
"<mj-column width=\"25%\">",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text padding=\"0 0 16px 0\" align=\"center\">",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: bold; margin: 1em 0 0.5em;\">Product Name</p>",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: normal; margin: 0;\"><s>$78</s> $62</p>",
" </mj-text>",
"</mj-column>",
"<mj-column width=\"25%\">",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text padding=\"0 0 16px 0\" align=\"center\">",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: bold; margin: 1em 0 0.5em;\">Product Name</p>",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: normal; margin: 0;\"><s>$78</s> $62</p>",
" </mj-text>",
"</mj-column>",
"<mj-column width=\"25%\">",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text padding=\"0 0 16px 0\" align=\"center\">",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: bold; margin: 1em 0 0.5em;\">Product Name</p>",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: normal; margin: 0;\"><s>$78</s> $62</p>",
" </mj-text>",
"</mj-column>",
"<mj-column width=\"25%\">",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text padding=\"0 0 16px 0\" align=\"center\">",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: bold; margin: 1em 0 0.5em;\">Product Name</p>",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: normal; margin: 0;\"><s>$78</s> $62</p>",
" </mj-text>",
"</mj-column>",
"<mj-column width=\"25%\">",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text padding=\"0 0 16px 0\" align=\"center\">",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: bold; margin: 1em 0 0.5em;\">Product Name</p>",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: normal; margin: 0;\"><s>$78</s> $62</p>",
" </mj-text>",
"</mj-column>",
"<mj-column width=\"25%\">",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text padding=\"0 0 16px 0\" align=\"center\">",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: bold; margin: 1em 0 0.5em;\">Product Name</p>",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: normal; margin: 0;\"><s>$78</s> $62</p>",
" </mj-text>",
"</mj-column>",
"<mj-column width=\"25%\">",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text padding=\"0 0 16px 0\" align=\"center\">",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: bold; margin: 1em 0 0.5em;\">Product Name</p>",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: normal; margin: 0;\"><s>$78</s> $62</p>",
" </mj-text>",
"</mj-column>",
"<mj-column width=\"25%\">",
" <mj-image href=\"https://kotn.com/\" src=\"https://placehold.it/300x450\" width=\"600\" padding=\"0px 4px 0px 0px\" />",
" <mj-text padding=\"0 0 16px 0\" align=\"center\">",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: bold; margin: 1em 0 0.5em;\">Product Name</p>",
" <p style=\"font-family: -apple-system, sans-serif; font-weight: normal; margin: 0;\"><s>$78</s> $62</p>",
" </mj-text>",
"</mj-column>",
"</mj-section>"
],
"description": "Product Grid"
},
"Divider": {
"prefix": "kds-divider",
"body": [
"// Divider",
"<mj-divider width=\"500px\" border-width=\"1px\" border-color=\"rgba(0,0,0,0.2)\" />",
""
],
"description": "Divider"
},
"Discount": {
"prefix": "kds-discount",
"body": [
"// Discount",
"<mj-section padding=\"0\">",
"<mj-column>",
" <mj-text padding=\"0px 10px\" align=\"center\">",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 24px;",
" text-transform: uppercase;",
" color: #191919;",
" width: 100%;",
" margin: 0 auto;",
" font-weight: normal;",
" padding: 0px;",
" margin-top: 1.5em;\">",
" AXJZ871",
" </p>",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 8px;",
" text-transform: uppercase;",
" letter-spacing: 0.05em;",
" color: #191919;",
" line-height: 1.4;",
" margin: 16px auto;",
" font-weight: bold;\">",
" Use at checkout. Only one available per customer.",
" </p>",
" </mj-text>",
"</mj-column>",
"</mj-section>"
],
"description": "Discount"
},
"Footer": {
"prefix": "kds-footer",
"body": [
"// Footer",
"<mj-section padding=\"0\">",
"<mj-column>",
" <mj-text padding=\"0px 10px\" align=\"center\">",
" <p style=\"",
" font-family: 'Plain', -apple-system, sans-serif;",
" font-size: 36px;",
" text-transform: uppercase;",
" color: #191919;",
" line-height: 1;",
" width: 100%;",
" margin: 2em auto;",
" font-weight: normal;",
" padding: 0px;\">",
" <a style=\"text-transform: none; color: #191919; text-decoration: none;\" href=\"https://kotn.com/\">kotn.com</a>",
" </p>",
" </mj-text>",
"</mj-column>",
"</mj-section>"
],
"description": "Footer"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment