Merge pull request #1 from msdrigg/main

Merging changes from upstream in iA-Writer-Templates

Author: karlsander

CodeNice.iatemplate/Contents/Resources/github.css

@@ -74,19 +74,13 @@ html {
   }
 }
 
-/* GitHub embeds input into the first paragraph, iA Writer doesn’t */
+/* Fix for paragraph list items. GitHub embeds input into the first paragraph, iA Writer doesn’t. */
+.markdown-body .task-list-item {
+  clear: left;
+}
 .markdown-body .task-list-item-checkbox {
-  float: left; /* Removes from flow in case of paragraph list items */
-  width: 1.6rem; /* Same as p line-height (changing width/height affects svg size) */
-  height: 1.6rem; /* Same as width */
-  margin: 0 0 0 -1.6rem; /* 0s to overwrite user agent styles */
-  border: none; /* Otherwise iPhone draws a border */
-  font-size: 1rem; /* Required to overwrite user agent styles, set to same as p */
-  background-repeat: no-repeat;
-  background-position: 40% 40%; /* x=roughly align with bullets and between ordinal and text, y=4px down to roughly align to baseline. */
-  background-size: 50% 50%; /* Desired size 12px / 21px line-height for Preview */
-  -webkit-print-color-adjust: exact; /* Prevents from hiding when printed */
-  opacity: 1; /* Otherwise they are 0.4 on iPhone, where it applies disabled effect even with above */
+  float: left; /* takes out of flow */
+  height: 1.5rem; /* same as line height */
 }
 
 /* GitHub doesn't process figures and images aren't given padding */
@@ -100,3 +94,12 @@ html {
 .markdown-body figcaption {
   margin-bottom: 16px; /* same as between paragraphs */
 }
+
+.markdown-body img {
+  height: auto;
+}
+
+/* give elements on new pages the same top margin as first element of document */
+.markdown-body .page-break + * {
+  margin-top: 0;
+}

CodeNote.iatemplate/Contents/Resources/github.css

@@ -74,19 +74,13 @@ html {
   }
 }
 
-/* GitHub embeds input into the first paragraph, iA Writer doesn’t */
+/* Fix for paragraph list items. GitHub embeds input into the first paragraph, iA Writer doesn’t. */
+.markdown-body .task-list-item {
+  clear: left;
+}
 .markdown-body .task-list-item-checkbox {
-  float: left; /* Removes from flow in case of paragraph list items */
-  width: 1.6rem; /* Same as p line-height (changing width/height affects svg size) */
-  height: 1.6rem; /* Same as width */
-  margin: 0 0 0 -1.6rem; /* 0s to overwrite user agent styles */
-  border: none; /* Otherwise iPhone draws a border */
-  font-size: 1rem; /* Required to overwrite user agent styles, set to same as p */
-  background-repeat: no-repeat;
-  background-position: 40% 40%; /* x=roughly align with bullets and between ordinal and text, y=4px down to roughly align to baseline. */
-  background-size: 50% 50%; /* Desired size 12px / 21px line-height for Preview */
-  -webkit-print-color-adjust: exact; /* Prevents from hiding when printed */
-  opacity: 1; /* Otherwise they are 0.4 on iPhone, where it applies disabled effect even with above */
+  float: left; /* takes out of flow */
+  height: 1.5rem; /* same as line height */
 }
 
 /* GitHub doesn't process figures and images aren't given padding */
@@ -100,3 +94,12 @@ html {
 .markdown-body figcaption {
   margin-bottom: 16px; /* same as between paragraphs */
 }
+
+.markdown-body img {
+  height: auto;
+}
+
+/* give elements on new pages the same top margin as first element of document */
+.markdown-body .page-break + * {
+  margin-top: 0;
+}