Префикс тем с иконками

Статус
В этой теме нельзя размещать новые ответы.

Vlasiwi2222

Участники
Сообщения
3
Реакции
0
Баллы
1
Vlasiwi2222 добавил(а) новый ресурс:

Данный префикс может улучшить ваш форум на 100%

PHP:
svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit;                 // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4);       // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5);          // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
    .svgPrefix, .label.svgPrefix {
        font-family: @svgPrefixFontFamily;
        font-size: 70%;
        font-weight: 500;
        display: inline-flex;
        text-align: center;
        align-items: center;
        text-transform: uppercase;
        line-height: ((@xf-lineHeightDefault) * .9);
        padding: .25em .5em;
        border: none;
        border-radius: @svgPrefixBorderRadius;
        position: relative;
        white-space: nowrap;
        .fsp & {
            margin-right: 5px;
        }
        .menuPrefix& {
            display: inline-block;
            font-size: 1.3em;
            width: 100%;
            padding: .333em;
            a& {
                text-decoration: none;
            }
        }
        .p-title-value & {
            .p-title & {
                font-size: 70%;
            }
        }
        &:before {
            position: absolute;
            top: .25em;
            bottom: 0;
            left: .333em;
        }     
        &.@{prefix-name} {
            background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
            color: rgb(250,250,250);
            text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
            &when (iskeyword(@prefix-icon)) {
                padding: .25em .5em .25em 1.75em;
                &:before {
                    .m-faBase();
                    content: "\@{prefix-icon}";
                }
            }
        }     
    } 
}
.svgLabelPrefix(info, rgb(24,49,225), f028);
.svgLabelPrefix(polezno, rgb(255,196,24), f0c0);
.svgLabelPrefix(vazno, rgb(255,0,0), f12a);
.svgLabelPrefix(naracmotr, rgb(253,233,16), f2ea);
.svgLabelPrefix(okloneno, rgb(255,0,0), f2d3);
.svgLabelPrefix(zakrito, rgb(255,0,0), f057);
.svgLabelPrefix(otkritozayva, rgb(0,128,0), f3c1);
.svgLabelPrefix(zakritozayva, rgb(255,0,0), f30d);
.svgLabelPrefix(otkrito, rgb(0,128,0), f3c1);
.svgLabelPrefix(racmotr, rgb(0,128,0), f14a);
.svgLabelPrefix(otchet, rgb(0,191,255), f0a1);
.svgLabelPrefix(vopros, rgb(155,48,255), f2fd);
.svgLabelPrefix(oshidaetvost, rgb(0,128,0), f2ea);
.svgLabelPrefix(ras, rgb(0,128,0), f058);
.svgLabelPrefix(tech, rgb(255,69,0), f050);
.svgLabelPrefix(root, rgb(255,0,0), f035);
.svgLabelPrefix(fvog, rgb(105,105,105), f051);
 
Последнее редактирование:
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу