تابعونا على الانستجرام: https://www.instagram.com/webstreet_code/

    
    
    

    *{
        الهامش: 0;
        الحشو: 0؛
        تحجيم الصندوق: صندوق الحدود؛
        عائلة الخط: 'Poppins'،sans-serif؛
    }

    جسم {
            لون الخلفية: #141625؛
            العرض: فليكس؛
            محاذاة العناصر: مركز؛
            ضبط المحتوى: البدء المرن؛
            الارتفاع: 100 فولت؛
            الفائض: مخفي؛
        }
        .همبرغر{
            الموقف: مطلق؛
            أعلى: 20 بكسل؛
            اليسار: 18 بكسل؛
            المؤشر: المؤشر؛
            مؤشر z: 10؛
        }

        .همبرغر .لاين{
            العرض: 35 بكسل؛
            الارتفاع: 4 بكسل؛
            لون الخلفية: #f0a500؛
            الهامش:6 بكسل 0؛
            نصف قطر الحدود: 2 بكسل؛
            الانتقال: كل 0.4 ثانية سهولة؛
        }

        شريط القائمة {
            الموقف: ثابت؛
            أعلى: 0؛
            اليسار: 0؛
            العرض: 80 بكسل؛
            الارتفاع: 100%؛
            لون الخلفية: #1f2235؛
            ظل الصندوق: 2px 0 15px rgba(0, 0, 0, 0.6);
            الفائض: مخفي؛
            الانتقال: عرض 0.4 ثانية سهولة؛

        }

        .شريط القائمة.فتح {
            العرض: 220 بكسل؛
        }

        .شريط القائمة أول {
            نمط القائمة: لا شيء؛
            الحشو: 80 بكسل 10 بكسل؛
        }
        .شريط القائمة أول لي {
            العرض: فليكس؛
            محاذاة العناصر: مركز؛
            الحشو: 15 بكسل؛
            اللون: #b2becd؛
            المؤشر: المؤشر؛
            الانتقال: سهولة لون الخلفية بمقدار 0.3 ثانية؛
            الحد الأيسر: 4 بكسل شفاف خالص؛
        }

        .شريط القائمة ul لي أنا {
            حجم الخط: 24 بكسل؛
            الهامش الأيمن: 20 بكسل؛
            الانتقال: سهولة التحويل بمقدار 0.3 ثانية؛
        }
        .شريط القائمة ul لي سبان {
            العتامة: 0؛
            حجم الخط: 16 بكسل؛
            الانتقال: العتامة 0.4 ثانية سهولة؛
            المساحة البيضاء: nowrap؛
        }

        .menu-bar.open ul lispan {
            العتامة: 1؛
        }

        شريط القائمة ul li:hover {
            لون الخلفية: #282a40؛
            ظل الصندوق: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .شريط القائمة ul li:hover i {
            تحويل: مقياس (1.2)؛
        }

        .شريط القائمة ul li.active {
            لون الخلفية: #f0a500؛
            نصف قطر الحدود: 20 بكسل؛
            اللون: #1f2235؛
            الحد الأيسر: 4 بكسل صلب #f0a500؛
        }

        .شريط القائمة ul li.active i {
            اللون: #1f2235؛
        }

        .شريط القائمة ul li.activespan {
            اللون: #1f2235؛
        }

















   نمط>
الرأس>