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

54 lines
1.3 KiB
Stylus

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)