Решено Как сделать кастомный преффикс?

[James_Erlin]

Здравствуйте, перепробовал разные варианты как сделать css код не получается, надеюсь поможете
Заранее благодарен

 

[AIT Pestoletov]

Что именно тебе надо, свой стиль для префиксов?

 

[James_Erlin]

Что именно тебе надо, свой стиль для префиксов?

в extra.less был код на префиксы я хочу их использовать, незнаю что писать в css коде когда префикс делаешь

 

[AIT Pestoletov]

в extra.less был код на префиксы я хочу их использовать, незнаю что писать в css коде когда префикс делаешь

Смотри, там где дефолт баннеры, есть еще строка, туда указываешь название кода, к примеру vazhno и тд

 

[James_Erlin]

Смотри, там где дефолт баннеры, есть еще строка, туда указываешь название кода, к примеру vazhno и тд

да, туда и указываю

 

[James_Erlin]

я пробывал и svgLabelPrefix--inform пробывал
svgPrefix--infrom, label--inform и т.д

 

[AIT Pestoletov]

Нужно просто vazhno и тд, без label

 

[James_Erlin]

ща

 

[James_Erlin]

 

[KeoFox]

svgPrefix vazhno

 

[AIT Pestoletov]

Скинь свой код префиксов посмотрю, или же вон сверху пользователь ответил проверь

 

[KeoFox]

Скинь свой код префиксов

OFFTOP

хватит на сегодня интернета

 

[AIT Pestoletov]

Посмотреть вложение 17869

OFFTOP

хватит на сегодня интернета

Мне именно нужно в текстовом формате

 

[James_Erlin]

Мне именно нужно в текстовом формате

ок ща

 

[James_Erlin]

vazhno

.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(inform, rgb(252,182,5));

.svgLabelPrefix(odobreno, rgb(0,255,0));

.svgLabelPrefix(otkaz, rgb(255,0,0));

.svgLabelPrefix(vrasm, rgb(255,140,0));

.svgLabelPrefix(provereno, rgb(135,206,250));

.svgLabelPrefix(vazhno, rgb(255,0,0));

.svgLabelPrefix(open, rgb(50,205,50));

.svgLabelPrefix(close, rgb(255,0,0));

 

[James_Erlin]

svgPrefix vazhno

ага, спасибо, помогло

 

[James_Erlin]

Просьба закрыть тему