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
|
|
|
}
|