66 lines
797 B
SCSS
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;
|
|
} |