53 lines
1.5 KiB
Stylus
53 lines
1.5 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-Fan
|
|
RV-Fan(280px, 320px) |