Docs for 11ty/eleventy#229

.eleventy.js

@@ -51,15 +51,15 @@ module.exports = function(eleventyConfig) {
 		return `<a href="${href}" class="minilink minilink-lower">${text}</a>`;
 	});
 
-	eleventyConfig.addShortcode("addedin", function(version, tag) {
+	eleventyConfig.addShortcode("addedin", function(version, tag, extraClass) {
 		if( typeof version !== "string" ) {
 			tag = version.tag;
 			version = version.version;
 		}
 
 		tag = tag || "span";
 
-		return `<${tag} class="minilink minilink-addedin">New in v${version}</${tag}>`;
+		return `<${tag} class="minilink minilink-addedin${extraClass ? ` ${extraClass}`: ""}">New in v${version}</${tag}>`;
 	});
 
 	eleventyConfig.addPassthroughCopy("css/fonts");

_includes/components/callout.css

@@ -10,12 +10,18 @@
 .elv-callout-info:before {
 	content: "ℹ️ ";
 }
+.elv-callout-info code {
+	background-color: #99e6ff;
+}
 .elv-callout-warn {
 	background-color: #ffa;
 }
 .elv-callout-warn:before {
 	content: "⚠️ ";
 }
+.elv-callout-warn code {
+	background-color: #ffff24;
+}
 .elv-callout:first-child {
 	margin-top: 0;
 }

_includes/components/code.css

@@ -32,9 +32,16 @@ code {
 	-moz-hyphens: manual;
 	hyphens: manual;
 	background-color: #efefef;
+	padding-left: 4px;
+	padding-right: 4px;
+	border-radius: .15em;
+}
+pre code {
+	border-radius: 0;
 }
 pre > code {
 	background-color: transparent;
+	padding: 0;
 }
 pre + pre[class*="language-"] {
 	margin-top: 1em;

_includes/components/minilink.css

@@ -58,6 +58,10 @@ h4 .minilink {
 .minilink-addedin:not(:first-child) {
 	margin-left: 1em;
 }
+.minilink-addedin.minilink-inline {
+	margin: 0 4px;
+	background-color: #fff;
+}
 
 .minilink-lower {
 	text-transform: none;

docs/ignores.md

@@ -5,9 +5,9 @@ tags:
 ---
 # Ignore Template Files
 
-Add an `.eleventyignore` file to the _root of your input directory_ for a new line-separated list of files (or globs) that will not be processed by Eleventy. Paths listed in your project’s `.gitignore` file are automatically ignored.
+Add an `.eleventyignore` file to your _input directory_ (or your _project root_ {% addedin "0.7.0", "span", "minilink-inline" %}) for a new line-separated list of files (or globs) that will not be processed by Eleventy. Paths listed in your project’s `.gitignore` file are automatically ignored.
 
-Important note: if you do not have a `.gitignore` file in your project, the `node_modules` directory will be ignored automatically.
+{% callout "info" %}If you do not have a <code>.gitignore</code> file in your project, the <code>node_modules</code> directory will be ignored automatically.{% endcallout %}
 
 ## Example