reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

More Mixins

Browse Source
This commit is contained in:
reverend 2020-08-23 11:37:22 +02:00
parent 598c5de027
commit beb5a32d29
1 changed files with 41 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
components/01_Layouts/contentCrop/_contentCrop.scss
View File

@ -1,3 +1,33 @@
@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;
@ -5,34 +35,29 @@
}
img {
width: inherit;
height: inherit;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
&--left {
img {
object-position: left;
}
@include RV-ContentCrop--left;
}
&--right {
img {
object-position: right;
}
&--center {
@include RV-ContentCrop--center;
}
&--top {
img {
object-position: top;
}
@include RV-ContentCrop--top;
}
&--bottom {
img {
object-position: bottom;
@include RV-ContentCrop--bottom;
}
&--center {
@include RV-ContentCrop--center;
}
}