styles/grid.scarlet

mixin grid
	horizontal-wrap
	justify-content center

mixin grid-cell
	position relative

	width anime-image-medium-width
	height anime-image-medium-height
	max-width anime-image-medium-width
	max-height anime-image-medium-height
	// min-width 90px
	// min-height 127px
	border-radius 3px

	// background-size cover
	// background-position 50% 50%

	margin 0.5rem

mixin grid-text
	vertical
	width 100%
	height 100%
	align-items center
	justify-content center
	font-size 1rem
	color rgb(160, 160, 160)

mixin grid-image
	width 100%
	height 100%
	border-radius 3px
	object-fit cover
	default-transition

mixin grid-icon
	font-size 2.5rem
	margin-top 2rem
	margin-bottom 0.7rem
	color link-color

mixin flip-card
	:hover
		.front
			transform rotateY(180deg)
			opacity 0
		.back
			transform rotateY(0deg)
			opacity 1

.front
	position absolute
	left 0
	top 0
	opacity 1
	default-transition
	transform rotateY(0)

.back
	position absolute
	left 0
	top 0
	opacity 0
	default-transition
	transform rotateY(180deg)
Improved scarlet styles 2016-11-29 15:50:50 +00:00			`mixin grid`
Using mixins now 2016-11-29 03:37:36 +00:00			`horizontal-wrap`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00			`justify-content center`

Improved scarlet styles 2016-11-29 15:50:50 +00:00			`mixin grid-cell`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00			`position relative`

Improved editor list display 2018-03-22 19:15:21 +00:00			`width anime-image-medium-width`
			`height anime-image-medium-height`
			`max-width anime-image-medium-width`
Mappings first menu item now 2018-03-22 21:41:45 +00:00			`max-height anime-image-medium-height`
New image resize algo 2017-11-11 22:19:31 +00:00			`// min-width 90px`
			`// min-height 127px`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00			`border-radius 3px`

New image resize algo 2017-11-11 22:19:31 +00:00			`// background-size cover`
			`// background-position 50% 50%`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00
			`margin 0.5rem`

Improved scarlet styles 2016-11-29 15:50:50 +00:00			`mixin grid-text`
			`vertical`
			`width 100%`
			`height 100%`
			`align-items center`
			`justify-content center`
			`font-size 1rem`
			`color rgb(160, 160, 160)`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00
Improved scarlet styles 2016-11-29 15:50:50 +00:00			`mixin grid-image`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00			`width 100%`
			`height 100%`
Improved scarlet styles 2016-11-29 15:50:50 +00:00			`border-radius 3px`
			`object-fit cover`
Improved image lazy loader 2017-06-24 15:38:10 +00:00			`default-transition`
Improved scarlet styles 2016-11-29 15:50:50 +00:00
			`mixin grid-icon`
			`font-size 2.5rem`
			`margin-top 2rem`
			`margin-bottom 0.7rem`
			`color link-color`

			`mixin flip-card`
			`:hover`
			`.front`
			`transform rotateY(180deg)`
			`opacity 0`
			`.back`
			`transform rotateY(0deg)`
			`opacity 1`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00
			`.front`
			`position absolute`
			`left 0`
			`top 0`
			`opacity 1`
Improved styles 2016-11-30 15:29:36 +00:00			`default-transition`
Improved styles 2016-11-30 12:33:11 +00:00			`transform rotateY(0)`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00
			`.back`
			`position absolute`
			`left 0`
			`top 0`
			`opacity 0`
Improved styles 2016-11-30 15:29:36 +00:00			`default-transition`
Improved scarlet styles 2016-11-29 15:50:50 +00:00			`transform rotateY(180deg)`