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

36 lines
497 B
SCSS
Raw Normal View History

2020-08-23 11:35:03 +02:00
@mixin RV-Fan ($base_height, $base_width) {
2020-08-21 17:51:22 +02:00
&__Container {
display: flex;
&--horizontal {
flex-direction: row;
}
&--vertical {
flex-direction: column;
2020-08-23 11:35:03 +02:00
width:max-content;
2020-08-21 17:51:22 +02:00
}
}
2020-08-23 11:35:03 +02:00
&__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;
}
2020-08-21 17:51:22 +02:00
}
.RV-Fan {
2020-08-23 11:35:03 +02:00
@include RV-Fan(280px, 320px);
2020-08-21 17:51:22 +02:00
}