New component
This commit is contained in:
@@ -61,24 +61,31 @@
|
||||
.RV-FlexGrid__Item--right * {
|
||||
justify-content: flex-end; }
|
||||
|
||||
RV-ContentCrop, .RV-ContentCrop__Container, RV-ContentCrop *, .RV-ContentCrop__Container * {
|
||||
.RV-ContentCrop__Container, .RV-ContentCrop__Container * {
|
||||
overflow: hidden;
|
||||
word-break: break-all; }
|
||||
|
||||
RV-ContentCrop img, .RV-ContentCrop__Container img {
|
||||
.RV-ContentCrop__Container img {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
object-fit: cover;
|
||||
object-position: center; }
|
||||
|
||||
RV-ContentCrop--left img {
|
||||
.RV-ContentCrop__Container--left img {
|
||||
object-position: left; }
|
||||
|
||||
RV-ContentCrop--right img {
|
||||
.RV-ContentCrop__Container--right img {
|
||||
object-position: right; }
|
||||
|
||||
RV-ContentCrop--top img {
|
||||
.RV-ContentCrop__Container--top img {
|
||||
object-position: top; }
|
||||
|
||||
RV-ContentCrop--bottom img {
|
||||
.RV-ContentCrop__Container--bottom img {
|
||||
object-position: bottom; }
|
||||
|
||||
.RV-Fan__Container {
|
||||
display: flex; }
|
||||
.RV-Fan__Container--horizontal {
|
||||
flex-direction: row; }
|
||||
.RV-Fan__Container--vertical {
|
||||
flex-direction: column; }
|
||||
|
Reference in New Issue
Block a user