ten-design-vue
Version:
ten-vue
37 lines (30 loc) • 626 B
text/less
/* dependencies icon */
@import "../vars.less";
@placeholder-bg-color: #F5F5F5;
@placeholder-text-color: #C0C0C0;
.ten-image {
width: 100%;
height: 100%;
&__wrapper {
display: inline-block;
position: relative;
overflow: hidden;
}
&--center {
display: block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
&__placeholder, &__error {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: @placeholder-text-color;
background: @placeholder-bg-color;
}
}