scss-library/components/01_Layouts/contentCrop/_contentCrop.scss
2020-08-23 11:37:22 +02:00

66 lines
797 B
SCSS

@mixin RV-ContentCrop--bottom {
img {
object-position: botom;
}
}
@mixin RV-ContentCrop--top {
img {
object-position: top;
}
}
@mixin RV-ContentCrop--right {
img {
object-position: right;
}
}
@mixin RV-ContentCrop--left {
img {
object-position: left;
}
}
@mixin RV-ContentCrop--center {
img {
object-position: center;
}
}
@mixin RV-ContentCrop{
&,* {
overflow: hidden;
word-break: break-all;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
&--left {
@include RV-ContentCrop--left;
}
&--center {
@include RV-ContentCrop--center;
}
&--top {
@include RV-ContentCrop--top;
}
&--bottom {
@include RV-ContentCrop--bottom;
}
&--center {
@include RV-ContentCrop--center;
}
}
.RV-ContentCrop__Container {
@include RV-ContentCrop;
}