.card-deck
	// Custom, as of bootstrap 4.1.3 there is no way to do this.
	&.card-3-columns
		.card
			min-width: 30%
			max-width: 30%

	.card.asset
		margin-left: 10px
		margin-right: 10px

.card-padless
	.card
		border: none

	.card-body
		padding: 15px 0

.card-fade
	img
		opacity: .8
		transition: opacity ease-in-out 150ms

	&:hover
		img
			opacity: 1


.card.asset
	color: $color-text

	&.free
		overflow: hidden

		&:after
			+ribbon
			content: 'FREE'
			padding: 2px 50px

	.card-body
		font-size: $font-size-xs

	.card-img-top
		background-size: cover
		background-position: center