@syncfusion/ej2-material-theme
Version:
A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.
45 lines • 1.2 kB
CSS
.smart-textarea-suggestion-overlay {
display: none;
position: absolute;
padding: 0.25rem 0.75rem;
border-radius: 0.3rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 0.5rem;
}
.smart-textarea-suggestion-overlay.smart-textarea-suggestion-overlay-visible {
display: block;
}
.smart-textarea-caret {
position: absolute;
width: 0.8px;
display: none;
animation: caret-blink 1.025s step-end infinite;
}
@keyframes caret-blink {
from, to {
opacity: 1;
}
50% {
opacity: 0;
}
}
.smart-textarea-suggestion-overlay {
background-color: #fff;
color: #000;
box-shadow: 0 1.25px 4px 0 rgba(0, 0, 0, 0.4);
}
[data-suggestion-visible]::-moz-selection {
color: #999 ; /* stylelint-disable-line declaration-no-important */
background: none ; /* stylelint-disable-line declaration-no-important */
}
[data-suggestion-visible]::selection {
color: #999 ; /* stylelint-disable-line declaration-no-important */
background: none ; /* stylelint-disable-line declaration-no-important */
}
.smart-textarea-caret {
background: #ff0000;
}