diff --git a/components/01_Layouts/fan/_fan.styl b/components/01_Layouts/fan/_fan.styl index ab8ff25..d560bcd 100644 --- a/components/01_Layouts/fan/_fan.styl +++ b/components/01_Layouts/fan/_fan.styl @@ -33,8 +33,7 @@ RV-Fan--horizontal(base-height, base-width) flex-grow 0 RV-BreakPoint--horizontal() - - min-width unset + min-width base-width /* * Base above, Surfce below @@ -69,7 +68,6 @@ RV-Fan--auto(base-height, base-width) flex-grow 1 +RV-Element('Surface') - height base-height box-sizing border-box flex-grow 99999 @@ -111,8 +109,8 @@ RV-Fan__Surface(base-height, base-width) flex-grow 1 > * - height calc_height() - width calc_width() + height calc_height(100%) + width calc_width(100%) /* ############ * Block Mixin @@ -120,7 +118,7 @@ RV-Fan__Surface(base-height, base-width) RV-Fan(base-height, base-width) display flex position relative - min-width base-width + min-width min-content +RV-Block('RV-Fan') RV-CSSParameter({ diff --git a/components/01_Layouts/flexRow/_flexRow.styl b/components/01_Layouts/flexRow/_flexRow.styl index 0e11729..45b739f 100644 --- a/components/01_Layouts/flexRow/_flexRow.styl +++ b/components/01_Layouts/flexRow/_flexRow.styl @@ -66,18 +66,21 @@ RV-FlexRow__Item--fixedSize(width) */ RV-FlexRow__Item--half() +RV-Element--modifier() + overflow hidden flex-grow 0 flex-shrink 0 flex-basis 50% RV-FlexRow__Item--third() +RV-Element--modifier() + overflow hidden flex-grow 0 flex-shrink 0 flex-basis (100/3)% RV-FlexRow__Item--quarter() +RV-Element--modifier() + overflow hidden flex-grow 0 flex-shrink 0 flex-basis 25% @@ -99,22 +102,19 @@ RV-FlexRow() RV-CSSParameter({ width: 100px - localBreakPoint: 500px, - mediaBreakPoint: 100vw }) +RV-Element() + RV-FlexRow__Item() RV-FlexRow__Item--narrower() RV-FlexRow__Item--narrow() RV-FlexRow__Item--wide() RV-FlexRow__Item--wider() RV-FlexRow__Item--fixedSize(--width) - RV-FlexRow__Item--narrower() RV-FlexRow__Item--half() RV-FlexRow__Item--third() RV-FlexRow__Item--quarter() RV-FlexRow__Item--content() - RV-FlexRow__Item() RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint) RV-FlexRow--horizontal()