@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
38 lines • 652 B
CSS
.container{
position: relative;
min-height: var(--zd_size28) ;
}
.textBox {
height: var(--zd_size28) ;
width: 100% ;
position: absolute;
transition: border var(--zd_transition2) linear 0s;
cursor: text;
}
[dir=ltr] .textBox {
left: 0 ;
animation: fadeIn var(--zd_transition4);
}
[dir=rtl] .textBox {
right: 0 ;
animation: fadeIn var(--zd_transition4);
}
.textEditor {
position: relative;
z-index: 1;
/* Variable:Ignore */
}
[dir=ltr] .textEditor {
padding-right: var(--zd_size1) ;
}
[dir=rtl] .textEditor {
padding-left: var(--zd_size1) ;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}