Dalston: pull changes from varia

dalston/style-editor.css

@@ -163,6 +163,7 @@ body {
 	color: #1e1e1e;
 	background-color: #FFFFFF;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 19px;
 	font-weight: normal;
 	line-height: 1.6;
@@ -299,6 +300,7 @@ object {
 	color: #FFFFFF;
 	font-weight: 600;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1em;
 	line-height: 1;
 	background-color: #0073AA;
@@ -399,6 +401,7 @@ object {
 .wp-block-heading h5, h5, .h5,
 .wp-block-heading h6, h6, .h6 {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: 600;
 	clear: both;
 }
@@ -477,6 +480,7 @@ object {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087rem;
 	font-weight: 600;
 	line-height: 1.2;
@@ -574,6 +578,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087em;
 	letter-spacing: normal;
 	line-height: 1.2;
@@ -633,6 +638,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087em;
 	letter-spacing: normal;
 }
@@ -644,6 +650,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.74901em;
 	letter-spacing: normal;
 	line-height: 1.2;
@@ -713,6 +720,7 @@ hr {
 table th,
 .wp-block-table th {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 table td,
@@ -729,6 +737,7 @@ table th,
 .editor-post-title__block .editor-post-title__input {
 	color: #1e1e1e;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: 600;
 	font-size: 2.01136em;
 	letter-spacing: normal;
@@ -844,6 +853,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: calc(2 * 2.31306em);
 	font-weight: 600;
 }

dalston/style-rtl.css

@@ -582,6 +582,7 @@ html {
 html {
 	font-size: 16.52174px;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	line-height: 1.6;
 }
 
@@ -1081,6 +1082,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 600;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1rem;
 	background-color: #0073AA;
 	border-radius: 5px;
@@ -1424,6 +1426,7 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: 600;
 	clear: both;
 }
@@ -1515,6 +1518,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
@@ -1548,6 +1552,7 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087rem;
 	font-weight: 600;
 	line-height: 1.2;
@@ -1632,6 +1637,7 @@ img {
 ul,
 ol {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	margin: 0;
 	padding-right: 32px;
 }
@@ -1646,6 +1652,7 @@ ol {
 
 dt {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: bold;
 }
 
@@ -1719,6 +1726,7 @@ p.has-background {
 	color: #FFFFFF;
 	background-color: #0073AA;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: bold;
 	font-size: 0.86957rem;
 	line-height: 1;
@@ -1792,6 +1800,7 @@ p.has-background {
 
 .wp-block-pullquote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
@@ -1871,6 +1880,7 @@ p.has-background {
 
 .wp-block-quote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
@@ -1999,6 +2009,7 @@ table,
 table th,
 .wp-block-table th {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 table td,
@@ -2193,6 +2204,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: calc(2 * 2.31306rem);
 	font-weight: 600;
 	line-height: 0.66;
@@ -2339,6 +2351,7 @@ table th,
 .site-title {
 	color: #000000;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.74901rem;
 	letter-spacing: normal;
 	line-height: 1;
@@ -2360,6 +2373,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.74901rem;
 }
 
@@ -2517,6 +2531,7 @@ table th,
 	color: #0073AA;
 	display: block;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1rem;
 	font-weight: 600;
 	padding: 8px 0;
@@ -2622,6 +2637,7 @@ table th,
 .site-info {
 	color: #767676;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 0.75614rem;
 }
 
@@ -2696,6 +2712,7 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 0.86957rem;
 	font-weight: 600;
 	padding: 16px;
@@ -2834,6 +2851,7 @@ table th,
 
 .post-navigation .post-title {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.3225rem;
 	font-weight: 600;
 }
@@ -2861,6 +2879,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.15rem;
 	font-weight: 600;
 	padding-right: calc(0.66 * 16px);
@@ -2923,6 +2942,7 @@ table th,
 .comment-reply-title small {
 	font-size: 1rem;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -2942,19 +2962,19 @@ table th,
 	margin-bottom: 32px;
 }
 
-.children {
+.comment-list .children {
 	list-style: none;
 	padding-right: 16px;
 }
 
-.children > li {
+.comment-list .children > li {
 	border-top: 1px solid #CCCCCC;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
 
 @media only screen and (min-width: 560px) {
-	.children {
+	.comment-list .children {
 		padding-right: 32px;
 	}
 }
@@ -3042,6 +3062,7 @@ table th,
 .pingback .url,
 .trackback .url {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 /**
@@ -3144,6 +3165,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.15rem;
 	font-weight: 600;
 }
@@ -3175,6 +3197,7 @@ img#wpstats {
 	color: #FFFFFF;
 	background-color: #0073AA;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: bold;
 	font-size: 0.86957rem;
 	line-height: 1;

dalston/style.css

@@ -582,6 +582,7 @@ html {
 html {
 	font-size: 16.52174px;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	line-height: 1.6;
 }
 
@@ -1081,6 +1082,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 600;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1rem;
 	background-color: #0073AA;
 	border-radius: 5px;
@@ -1424,6 +1426,7 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: 600;
 	clear: both;
 }
@@ -1515,6 +1518,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
@@ -1548,6 +1552,7 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087rem;
 	font-weight: 600;
 	line-height: 1.2;
@@ -1632,6 +1637,7 @@ img {
 ul,
 ol {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	margin: 0;
 	padding-left: 32px;
 }
@@ -1646,6 +1652,7 @@ ol {
 
 dt {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: bold;
 }
 
@@ -1719,6 +1726,7 @@ p.has-background {
 	color: #FFFFFF;
 	background-color: #0073AA;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: bold;
 	font-size: 0.86957rem;
 	line-height: 1;
@@ -1792,6 +1800,7 @@ p.has-background {
 
 .wp-block-pullquote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
@@ -1871,6 +1880,7 @@ p.has-background {
 
 .wp-block-quote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
@@ -1999,6 +2009,7 @@ table,
 table th,
 .wp-block-table th {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 table td,
@@ -2198,6 +2209,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: calc(2 * 2.31306rem);
 	font-weight: 600;
 	line-height: 0.66;
@@ -2356,6 +2368,7 @@ table th,
 .site-title {
 	color: #000000;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.74901rem;
 	letter-spacing: normal;
 	line-height: 1;
@@ -2377,6 +2390,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.74901rem;
 }
 
@@ -2534,6 +2548,7 @@ table th,
 	color: #0073AA;
 	display: block;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1rem;
 	font-weight: 600;
 	padding: 8px 0;
@@ -2639,6 +2654,7 @@ table th,
 .site-info {
 	color: #767676;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 0.75614rem;
 }
 
@@ -2713,6 +2729,7 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 0.86957rem;
 	font-weight: 600;
 	padding: 16px;
@@ -2851,6 +2868,7 @@ table th,
 
 .post-navigation .post-title {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.3225rem;
 	font-weight: 600;
 }
@@ -2878,6 +2896,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.15rem;
 	font-weight: 600;
 	padding-left: calc(0.66 * 16px);
@@ -2940,6 +2959,7 @@ table th,
 .comment-reply-title small {
 	font-size: 1rem;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-base, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -2959,19 +2979,19 @@ table th,
 	margin-bottom: 32px;
 }
 
-.children {
+.comment-list .children {
 	list-style: none;
 	padding-left: 16px;
 }
 
-.children > li {
+.comment-list .children > li {
 	border-top: 1px solid #CCCCCC;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
 
 @media only screen and (min-width: 560px) {
-	.children {
+	.comment-list .children {
 		padding-left: 32px;
 	}
 }
@@ -3059,6 +3079,7 @@ table th,
 .pingback .url,
 .trackback .url {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 /**
@@ -3161,6 +3182,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-size: 1.15rem;
 	font-weight: 600;
 }
@@ -3192,6 +3214,7 @@ img#wpstats {
 	color: #FFFFFF;
 	background-color: #0073AA;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 	font-weight: bold;
 	font-size: 0.86957rem;
 	line-height: 1;