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

@import "../partials/clean/constants"
@import "../partials/clean/mixins"

.item-list
	border-collapse: collapse
	border: 1px solid $soft-border-color

	td, th
		border-top: 1px solid $soft-border-color
		border-bottom: 1px solid $soft-border-color
		padding: .25em
		vertical-align: middle

		&:first-child
			padding-left: .5em

		&:last-child
			padding-right: .5em

	.thumbnail-cell
		img
			display: block
			width: 2.5em
			height: 2.5em

	.add-to-cart-cell
		text-align: right
		padding-left: 1em

	thead
		background: $module-bg-color

		th
			text-align: left

		.add-to-cart
			/* Bootstrap's Purple 600 */
			+awesome-button-color(#59359a)

	.add-to-cart
		font-size: 85%
Use table layout for Item Getting Guide item list This helps us be more efficient with our use of space, keep the CTAs well aligned, show a clear total, and set up how we might do CTAs for more complex cases like all the potential Neopoint CTAs like Wiz/Trades/Auction/etc! 2024-05-20 15:23:34 -07:00			`@import "../partials/clean/constants"`
			`@import "../partials/clean/mixins"`

			`.item-list`
			`border-collapse: collapse`
			`border: 1px solid $soft-border-color`

			`td, th`
			`border-top: 1px solid $soft-border-color`
			`border-bottom: 1px solid $soft-border-color`
			`padding: .25em`
			`vertical-align: middle`

			`&:first-child`
			`padding-left: .5em`

			`&:last-child`
			`padding-right: .5em`

			`.thumbnail-cell`
			`img`
			`display: block`
			`width: 2.5em`
			`height: 2.5em`

			`.add-to-cart-cell`
			`text-align: right`
			`padding-left: 1em`

			`thead`
			`background: $module-bg-color`

			`th`
			`text-align: left`

			`.add-to-cart`
			`/* Bootstrap's Purple 600 */`
			`+awesome-button-color(#59359a)`
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
			`.add-to-cart`
			`font-size: 85%`