arabic-web-development/examples/css-current-v1.15.arhtml at master · GalaxyRuler/arabic-web-development · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<صفحة>
  <رأس>
    <عنوان>واجهة CSS حالية</عنوان>
    <نمط>
      @وضع_بديل --اسفل {
        منطقة_الموضع: اسفل;
        هامش_كتلي_بداية: 0.75rem;
      }

      :جذر {
        نطاق_الخط_الزمني: --قراءة;
      }

      زر.مفتاح {
        اسم_المرساة: --مفتاح;
        نطاق_المرساة: كل_شيء;
        اسم_انتقال_العرض: بطاقة;
      }

      قسم.لوحة {
        موضع: مطلق;
        مرساة_الموضع: --مفتاح;
        منطقة_الموضع: اعلى يمين;
        بدائل_محاولة_الموضع: --اسفل قلب_كتلي;
        ترتيب_محاولة_الموضع: اكبر_عرض;
        رؤية_الموضع: مراسي_مرئية لا_تجاوز;
        محاذاة_ذاتية: وسط_المرساة;
        حجم_ضمني: حجم_المرساة(عرض_العنصر);
        اعلى: مرساة(اسفل);
      }

      مقالة.قراءة {
        خط_التمرير: --قراءة كتلة;
        خط_العرض: --دخول كتلة تلقائي;
      }

      قسم.بطاقة {
        خط_الحركة: --قراءة;
        نطاق_الحركة: دخول 0% خروج 100%;
        بداية_نطاق_الحركة: دخول_تقاطع 0%;
        نهاية_نطاق_الحركة: خروج_تقاطع 100%;
        تركيب_الحركة: إضافة;

        & > زر:ترتيب_طفل_اخير(1 من .أمر) {
          لون: احمر;
        }
      }

      :جذر::انتقال_عرض_قديم(بطاقة),
      :جذر::انتقال_عرض_جديد(بطاقة) {
        مدة_التحريك: 250ms;
      }
    </نمط>
  </رأس>
  <جسم>
    <رئيسي>
      <مقالة صنف="قراءة">
        <قسم صنف="بطاقة">
          <زر صنف="مفتاح أمر" نوع="زر">فتح التلميح</زر>
          <قسم صنف="لوحة">تلميح مثبت بالمرساة</قسم>
        </قسم>
      </مقالة>
    </رئيسي>
  </جسم>
</صفحة>