impress/app/assets/stylesheets/items/sources.sass

.nc-mall-items
	list-style: none
	display: flex
	flex-wrap: wrap
	gap: 1em

	li
		display: flex
		flex-direction: column
		align-items: center
		width: auto

	.add-to-cart
		font-size: 85%
Add more info to NC Mall section of Item Getting Guide NC prices, some CSS, and also a new application-level helper that adds a feature I've long wanted and been working around for Turbo: the ability to specific that a stylesheet is specific to the current page, and should be unloaded when removed! I use this to write `sources.sass` without the usual `body.items-sources` scoping that we've historically used to control what pages a stylesheet applies to. (In the long past, this was because a lot of stylesheets were—and still are–routed through the `application.sass` stylesheet! But even for more recent standalone page stylesheets, I've done the scoping, to avoid issues with styles leaking beyond the page they're meant for when Turbo does a navigation.) 2024-05-14 16:03:35 -07:00			`.nc-mall-items`
			`list-style: none`
			`display: flex`
			`flex-wrap: wrap`
			`gap: 1em`

			`li`
			`display: flex`
			`flex-direction: column`
			`align-items: center`
			`width: auto`

			`.add-to-cart`
			`font-size: 85%`