scss-library/components/01_Layouts/fan/_fan.styl

RV-Fan--horizontal(base_height, base_width, prefix='&', suffix= '')

	{prefix}__Container{suffix}
		flex-direction row

	{prefix}__Container{suffix} {prefix}__Surface
		min-width base_width
		height base_height

RV-Fan--vertical(base_height, base_width, prefix='&', suffix='')
	{prefix}__Container{suffix}
		flex-direction column
		width max-content

	{prefix}__Container{suffix} {prefix}__Surface
		width base_width
		min-height base_height
		
RV-Fan--auto(base_height, base_width, prefix='&', suffix='')

	{prefix}__Container{suffix}
		flex-flow row wrap

	{prefix}__Container{suffix} {prefix}__Surface
		width 'calc(100% - %s)' % base_width
		min-width base_width
		height base_height

RV-Fan--fullWidth(base_height, base_width, prefix='&', suffix='')

	{prefix}__Container{suffix} {prefix}__Base,
	{prefix}__Container{suffix} {prefix}__Surface
		flex-grow 1

RV-Fan(base_height, base_width, prefix='&')
	RV-Fan--vertical(base_height, base_width, prefix, '--vertical')
	RV-Fan--horizontal(base_height, base_width, prefix, '--horizontal')
	RV-Fan--auto(base_height, base_width, prefix, '--auto')
	RV-Fan--fullWidth(base_height, base_width, prefix, '--fullWidth')

	{prefix}__Container
		display flex

	{prefix}__Base
		height base_height
		width base_width
		flex 0 0 auto

	{prefix}__Surface
		RV-ContentCrop()
		RV-ContentCrop__Text--fade()

.RV-Fan
	RV-Fan(280px, 320px)