CSS Эффект для иконок к предлагаемому постингу

memer_faud

Участник
Автор темы
38
13
Эффект для иконок для: https://www.blast.hk/threads/233711/

Добавляем в extra.less:

Код:
//Action Bar
.message-actionBar
{
    .actionBar-action, .reaction-text
    {
        font-size: 0;
        .m-transition();
        &:before
        {
            font-size: @xf-fontSizeNormal;
            margin-right: 5px;
        }
        &--inlineMod, &--menuTrigger, &--reaction, &:hover, &:hover .reaction-text
        {
            font-size: 100%;
            text-decoration:none;
        }
    
        &--edit { .m-faBefore(@fa-var-pencil); }
        &--delete { .m-faBefore(@fa-var-times); }
    
        &--ip { .m-faBefore(@fa-var-search); }
        &--warn { .m-faBefore(@fa-var-exclamation); }
        &--spam { .m-faBefore(@fa-var-flag); }
        &--report { .m-faBefore(@fa-var-exclamation-triangle); }
        &--history { .m-faBefore(@fa-var-history); }
    
        @media(max-width: @xf-responsiveWide)
        {
            &:hover
            {
                font-size: 0;
                text-decoration:none;
            }
        }
    }
}
 

Вложения

  • 2025-04-04_20-30-30.png
    2025-04-04_20-30-30.png
    2.6 KB · Просмотры: 21
  • 2025-04-04_20-30-40.png
    2025-04-04_20-30-40.png
    3.1 KB · Просмотры: 22