Snapshot: Display slope-heterogeneous variants. Closes #629

snapshot/index.html

@@ -236,13 +236,15 @@
 					<div class="label tag">cv69</div>
 						<div class="sample" style="font-feature-settings:'cv69'">k</div>
 				</li>
-				<li class="desc-group char">
+				<li class="desc-group ligature">
 					<div class="label tag">cv70</div>
 						<div class="sample" style="font-feature-settings:'cv70'">k</div>
+						<div class="sample italic" style="font-feature-settings:'cv70'">k</div>
 				</li>
-				<li class="desc-group char">
+				<li class="desc-group ligature">
 					<div class="label tag">VXBR</div>
 						<div class="sample" style="font-feature-settings:'VXBR'">k</div>
+						<div class="sample italic" style="font-feature-settings:'VXBR'">k</div>
 				</li>
 			</ol></li>
 			<li>

snapshot/index.styl

@@ -277,6 +277,7 @@ section.opentype
 					margin-top: 0.5em;
 					width: 1em;
 					text-align: center;
+					white-space: nowrap;
 
 	> ol.wide
 		list-style: none;

utility/export-data/parse-variants-data.js

@@ -36,6 +36,7 @@ function getCvData(variants) {
 			tag: config.tag || null,
 			tagUpright: config.tagUpright || null,
 			tagItalic: config.tagItalic || null,
+			slopeHetero: !config.variant,
 			sampler: config.sampler,
 			description: config.description
 		});

utility/generate-snapshot-page/templates/partial/cv-sample.ejs

@@ -14,19 +14,18 @@
 					<div class="triangle">▶</div>
 				</div>
 				<ol class="group">
-			<%_ for(const config of group.configs) { _%>
-				<li class="desc-group <%= group.ligatureSampler ? 'ligature' : 'char' %>">
+			<%_ for(const config of group.configs) if(config.tag) { _%>
+				<li class="desc-group <%= group.ligatureSampler || config.slopeHetero ? 'ligature' : 'char' %>">
 					<div class="label tag"><%= config.tag || config.tagItalic %></div>
 					<%_ if(group.ligatureSampler) { _%>
 						<%_ for(const text of group.descSampleText) { _%>
 							<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= text %></div>
 						<%_ } _%>
-					<%_ } else { _%>
-						<%_ if(config.tag) { _%>
+					<%_ } else if(config.slopeHetero) { _%>
+						<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
+						<div class="sample italic" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
+					<%_ } else { _%>
 						<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
-						<%_ } else if(config.tagItalic) { _%>
-							<div class="sample italic" style="font-feature-settings:'<%= config.tagItalic %>'"><%= group.descSampleText[0] %></div>
-						<%_ } _%>
 					<%_ } _%>
 				</li>
 			<%_ } _%>