Add fract to the craft card (closes #22)

templates/Apps/HeroCraftCardV1/content.hbs

@@ -48,4 +48,29 @@
 			{{/if}}
 		{{/each}}
 	</ol>
+
+	<div data-aspect="fract" class="col-header aspect-header">
+		<span class="name">Fract</span>
+		<span class="small">Details</span>
+	</div>
+	<ol data-aspect="fract" class="num-before craft-list">
+		{{#each craft.fract as | craft |}}
+			{{#if craft}}
+				<li data-item-id="{{craft.uuid}}" data-ctx-menu="craft">
+					<span class="name">{{ craft.name }}</span>
+					{{#if craft.use}}
+						<rc-icon
+							name="icons/info-circle"
+							var:size="16px"
+							var:fill="currentColor"
+							data-tooltip="{{ craft.use }}"
+							data-tooltip-direction="UP"
+						></rc-icon>
+					{{/if}}
+				</li>
+			{{else}}
+				<li></li>
+			{{/if}}
+		{{/each}}
+	</ol>
 </div>

templates/Apps/HeroCraftCardV1/style.css

@@ -45,6 +45,7 @@
 
 	[data-aspect="focus"] { --row: 6; --col: 1; }
 	[data-aspect="flect"] { --row: 6; --col: 2; }
+	[data-aspect="fract"] { --row: 11; --col: 1; }
 
 	[data-aspect] {
 		&.aspect-header {