Last active
August 28, 2020 21:31
-
-
Save benjaminsehl/c32354b3f50f17696cb9d95a8fea13bf to your computer and use it in GitHub Desktop.
VS Code Settings
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
{"lastUpload":"2020-08-28T21:31:48.308Z","extensionVersion":"v3.4.3"} |
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
[ | |
{ | |
"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" | |
} | |
] |
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
{"version":"1.2.0"} |
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
{ | |
"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": "[email protected]", | |
"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 | |
} |
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 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;\"> ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </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’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 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