Модификация Светящийся Редактор Froala

Добавьте следующее в свой шаблон extra.less для создания светящейся рамки вокруг редактора Forala, когда фокус находится на нём, и когда пользователи печатают.

Код:

/* GLOWING EDITOR */
@-webkit-keyframes glow {
    to {
        border-color: #626262;
        -webkit-box-shadow: 0 0 4px #626262;
        -moz-box-shadow: 0 0 4px #626262;
        box-shadow: 0 0 4px #626262;
    }
}
.fr-box.fr-basic {
    &.is-focused {
        -webkit-animation: glow 1.0s infinite alternate...

Нажмите, чтобы раскрыть...