كود اضافة ايقونة بجنب تسجيل الدخول والتسجيل

[LioN KinG]

كود اضافة ايقونة بجنب تسجيل الدخول والتسجيل

1- قبل وبعد التركيب

@_fox-logInIcon: \f090;
@_fox-registerIcon: \f084;
@_fox-colorIcons: #e6bb5c;
@_fox-separatedSpace: 16px;
@_fox-separatedBg: #2577b1;
// On/Off background & border on sticky navigation
@_fox-changeSticky: true; // false
@_fox-separatedBgSticky: red;
@_fox-separatedBorderSticky: white;
// On/Off Fa or Text
@_fox-changeSymbol: false; // true
@_fox-separatedSymbol: OR;
@_fox-separatedSymbolFa: \f07e;

.p-navgroup-link {
    &:before {
        .m-faBase();
        color: @_fox-colorIcons;
        padding-right: 5px;
    }
 
    &.p-navgroup-link--logIn {
        padding-right: @_fox-separatedSpace;
      
        &:before {
            content: "@{_fox-logInIcon}";
        }

        &:after { // Separated
            position: absolute;
            content: "@{_fox-separatedSymbol}";
            color: #fefefe;
            background: @_fox-separatedBg;
            border-radius: 50%;
            padding: 3px;
            margin-left: 7px;
            top: 10px;
            & when (@_fox-changeSymbol = true) { // Separated FA icons
                .m-faBase();
                content: "@{_fox-separatedSymbolFa}";
                padding: 3px 5px;
            }
            font-size: 10px;
        }
    }

    &.p-navgroup-link--register {
        padding-left: @_fox-separatedSpace;
      
        &:before {
            content: "@{_fox-registerIcon}";
        }
    }
 
    .p-navSticky.is-sticky & when (@_fox-changeSticky = true) { // Separated sticky navigation
        &.p-navgroup-link--logIn {
            border-right: 1px solid @_fox-separatedBorderSticky;

            &:after {
                background: @_fox-separatedBgSticky;
            }
        }
    }
}

 

[همس الروح]

السلام عليكم ورحمه الله وبركاته
كل الشكر لك مديرنا العزيز على المجهود الطيب
اعانك الله وسدد خطاك
احترامي وتقديري لك

 

[امل مفقود]

الله يعطيك العافية
سلمت يداك ودام عطائك

 

[رااشد]

يعطييك العافيه
مدير دمت بوود