impress/app/assets/stylesheets/alt_styles/_index.sass

body.alt_styles-index
	.alt-styles-header
		margin-top: 1em
		margin-bottom: .5em

	.alt-styles-list
		list-style: none
		display: flex
		flex-wrap: wrap
		gap: 1.5em

	.alt-style
		text-align: center
		width: 80px

	.alt-style-thumbnail
		width: 80px
		height: 80px
Add Styling Studio page to show the styles we already have modeled 2024-01-24 06:53:37 -08:00			`body.alt_styles-index`
Left-align the alt styles on the page, to flow better with the headers 2024-01-24 08:02:19 -08:00			`.alt-styles-header`
			`margin-top: 1em`
			`margin-bottom: .5em`

Add Styling Studio page to show the styles we already have modeled 2024-01-24 06:53:37 -08:00			`.alt-styles-list`
			`list-style: none`
			`display: flex`
			`flex-wrap: wrap`
Better alt styles page layout I had tested this with less variety in the list of styles, now that I'm seeing it live I realize we need more consistency and more space! 2024-01-24 07:03:28 -08:00			`gap: 1.5em`
Add Styling Studio page to show the styles we already have modeled 2024-01-24 06:53:37 -08:00
			`.alt-style`
			`text-align: center`
Better alt styles page layout I had tested this with less variety in the list of styles, now that I'm seeing it live I realize we need more consistency and more space! 2024-01-24 07:03:28 -08:00			`width: 80px`
Specify width/height for alt style thumbnail image to avoid reflows! 2024-01-24 07:26:44 -08:00
			`.alt-style-thumbnail`
			`width: 80px`
			`height: 80px`