diff --git a/components/01_Layouts/fan/_fan.scss b/components/01_Layouts/fan/_fan.scss index 5877bef..689f842 100644 --- a/components/01_Layouts/fan/_fan.scss +++ b/components/01_Layouts/fan/_fan.scss @@ -1,4 +1,4 @@ -@mixin RV-Fan { +@mixin RV-Fan ($base_height, $base_width) { &__Container { display: flex; @@ -8,10 +8,29 @@ &--vertical { flex-direction: column; + width:max-content; } } + + &__Base { + height: $base_height; + width: $base_width; + flex: 0 0 auto; + } + + &__Surface { + @include RV-ContentCrop; + } + + &__Container--horizontal &__Surface { + height: $base_height; + } + + &__Container--vertical &__Surface { + width: $base_width; + } } .RV-Fan { - @include RV-Fan; + @include RV-Fan(280px, 320px); } \ No newline at end of file diff --git a/components/01_Layouts/fan/fan.hbs b/components/01_Layouts/fan/fan.hbs index 76b54b4..2574ddf 100644 --- a/components/01_Layouts/fan/fan.hbs +++ b/components/01_Layouts/fan/fan.hbs @@ -1,8 +1,25 @@ -
Some content here
More conthent over here
-And something here
+Et voluptas earum ut. Distinctio qui eaque quo aliquid ipsam ut. Et est sit sed odio aliquam nam. Possimus numquam officiis tenetur quibusdam sint quos sit est. Doloremque hic totam error velit hic. Dolorum labore necessitatibus cumque quisquam voluptate molestiae quae aspernatur. + +Quasi vitae cupiditate ducimus nihil. Repudiandae est iste aperiam mollitia et est occaecati at. Nobis ut voluptates tempora quis esse ipsam. + +Praesentium facere ea deserunt accusantium velit eos. Eaque non sapiente repellendus facilis omnis eligendi. Deserunt officiis consequatur nihil maiores explicabo. Perspiciatis qui quia et amet.
+Some content here
+More conthent over here
+Et voluptas earum ut. Distinctio qui eaque quo aliquid ipsam ut. Et est sit sed odio aliquam nam. Possimus numquam officiis tenetur quibusdam sint quos sit est. Doloremque hic totam error velit hic. Dolorum labore necessitatibus cumque quisquam voluptate molestiae quae aspernatur. + +Quasi vitae cupiditate ducimus nihil. Repudiandae est iste aperiam mollitia et est occaecati at. Nobis ut voluptates tempora quis esse ipsam. + +Praesentium facere ea deserunt accusantium velit eos. Eaque non sapiente repellendus facilis omnis eligendi. Deserunt officiis consequatur nihil maiores explicabo. Perspiciatis qui quia et amet.