کلاس‌های کمکی (Helper Classes) - Axelit

کلاس‌های کمکی

رنگ متن

استفاده از کلاس text-* برای تغییر رنگ متن

- .متن اصلی (text-primary)- .متن ثانویه (text-secondary)- .موفقیت (text-success)- .خطر (text-danger)- .هشدار (text-warning)- .اطلاعات (text-info)- .روشن (text-light)- .تیره (text-dark)

رنگ لینک

استفاده از کلاس link-* برای رنگ لینک

- لینک اصلی (link-primary)- لینک ثانویه (link-secondary)- لینک موفقیت (link-success)- لینک خطر (link-danger)- لینک هشدار (link-warning)- لینک اطلاعات (link-info)- لینک روشن (link-light)- لینک تیره (link-dark)

رنگ پس‌زمینه متن

استفاده از کلاس txt-bg-* برای پس‌زمینه روشن

- .پس‌زمینه اصلی (txt-bg-primary)- .پس‌زمینه ثانویه (txt-bg-secondary)- .پس‌زمینه موفقیت (txt-bg-success)- .پس‌زمینه خطر (txt-bg-danger)- .پس‌زمینه هشدار (txt-bg-warning)- .پس‌زمینه اطلاعات (txt-bg-info)- .پس‌زمینه روشن (txt-bg-light)- .پس‌زمینه تیره (txt-bg-dark)

تراز متن (Text Align)

استفاده از استفاده از کلاس‌های text-* برای ترازبندی متن

- تراز متن (Text Align) حروف کوچک (text-lowercase)

- تراز متن (Text Align) حروف بزرگ (text-uppercase)

- تراز متن (Text Align) حروف اول بزرگ (text-capitalize)

- تراز متن (Text Align) تراز وسط (text-center)

- تراز متن (Text Align) تراز چپ (text-start)

- تراز متن (Text Align) تراز راست (text-end)

تزئین متن (Text Decoration)

استفاده از استفاده از کلاس‌های text-d-* برای افکت‌های تزئینی

- تزئین متن (Text Decoration) زیرخط (underline)

- تزئین متن (Text Decoration) خط‌خورده (line-through)

- تزئین متن (Text Decoration) بالاخط (overline)

استایل فونت (Font Style)

استفاده از استفاده از کلاس‌های f-fs-* برای تغییر سبک فونت

- استایل فونت (Font Style) عادی (Normal)

- استایل فونت (Font Style) ایتالیک (Italic)

- استایل فونت (Font Style) مایل (Oblique)

- استایل فونت (Font Style) پیش‌فرض (Initial)

- استایل فونت (Font Style) ارث‌بری (Inherit)

تیترها (Headings)

استفاده از استفاده از h1 تا h6 برای عناوین

- تیترها (Headings) h1

- تیترها (Headings) h2

- تیترها (Headings) h3

- تیترها (Headings) h4

- تیترها (Headings) h5

- تیترها (Headings) h6

ضخامت فونت (Font Weight)

استفاده از استفاده از f-fw-* برای ضخامت متن

- ضخامت فونت (Font Weight) وزن 100

- ضخامت فونت (Font Weight) وزن 200

- ضخامت فونت (Font Weight) وزن 300

- ضخامت فونت (Font Weight) وزن 400

- ضخامت فونت (Font Weight) وزن 500

- ضخامت فونت (Font Weight) وزن 600

- ضخامت فونت (Font Weight) وزن 700

- ضخامت فونت (Font Weight) وزن 800

- ضخامت فونت (Font Weight) وزن 900

اندازه فونت (Font Size)

استفاده از استفاده از f-s-* برای تعیین اندازه فونت

- اندازه فونت (Font Size) اندازه 1

- اندازه فونت (Font Size) اندازه 2

- اندازه فونت (Font Size) اندازه 3

- اندازه فونت (Font Size) اندازه 4

- اندازه فونت (Font Size) اندازه 5

- اندازه فونت (Font Size) اندازه 6

Padding (فاصله داخلی)

استفاده از کلاس pa-* برای فاصله داخلی

پدینگ 2

پدینگ 4

پدینگ 8

پدینگ 10

پدینگ 14

پدینگ 16

لیست Padding

- پدینگ 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

Side Padding (فاصله داخلی جهت‌دار)

استفاده از کلاس pd-t-*/pd-s-*/pd-e-*/pd-b-* برای فاصله داخلی

بالا 40

شروع 40

پایان 40

پایین 40

لیست Side Padding

- padding بالا

- pa-t-4

- pa-t-8

- pa-t-10

- pa-t-14

- pa-t-18

- pa-t-20

- pa-t-24

- pa-t-28

- pa-t-30

- pa-t-34

- pa-t-38

- pa-t-40

- padding شروع

- pa-s-4

- pa-s-8

- pa-s-10

- pa-s-14

- pa-s-18

- pa-s-20

- pa-s-24

- pa-s-28

- pa-s-30

- pa-s-34

- pa-s-38

- pa-s-40

- padding پایان

- pa-e-4

- pa-e-8

- pa-e-10

- pa-e-14

- pa-e-18

- pa-e-20

- pa-e-24

- pa-e-28

- pa-e-30

- pa-e-34

- pa-e-38

- pa-e-40

- padding پایین

- pa-b-4

- pa-b-8

- pa-b-10

- pa-b-14

- pa-b-18

- pa-b-20

- pa-b-24

- pa-b-28

- pa-b-30

- pa-b-34

- pa-b-38

- pa-b-40

Margin (فاصله بیرونی)

استفاده از کلاس mg-* برای فاصله بیرونی

مارجین 40

مارجین 34

مارجین 30

مارجین 28

مارجین 24

مارجین 20

مارجین 14

مارجین 10

مارجین 4

لیست Margin

- مارجین 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

Side Margin (فاصله بیرونی جهت‌دار)

استفاده از کلاس mg-t-*/mg-s-*/mg-e-*/mg-b-* برای فاصله بیرونی

40 مارجین T

40 مارجین S

40 مارجین E

40 مارجین B

لیست Side Margin

- Margin بالا

- mg-t-4

- mg-t-8

- mg-t-10

- mg-t-14

- mg-t-18

- mg-t-20

- mg-t-24

- mg-t-28

- mg-t-30

- mg-t-34

- mg-t-38

- mg-t-40

- Margin شروع

- mg-s-4

- mg-s-8

- mg-s-10

- mg-s-14

- mg-s-18

- mg-s-20

- mg-s-24

- mg-s-28

- mg-s-30

- mg-s-34

- mg-s-38

- mg-s-40

- Margin پایان

- mg-e-4

- mg-e-8

- mg-e-10

- mg-e-14

- mg-e-18

- mg-e-20

- mg-e-24

- mg-e-28

- mg-e-30

- mg-e-34

- mg-e-38

- mg-e-40

- Margin پایین

- mg-b-4

- mg-b-8

- mg-b-10

- mg-b-14

- mg-b-18

- mg-b-20

- mg-b-24

- mg-b-28

- mg-b-30

- mg-b-34

- mg-b-38

- mg-b-40

عرض و ارتفاع

استفاده از کلاس w-*/h-* برای تعیین اندازه

200*200

150*150

110*110

90*90

80*80

60*60

50*50

گردی گوشه‌ها (Radius)

استفاده از کلاس rounded*/rounded-top*/rounded-end*/rounded-bottom*/rounded-start*/rounded-pill*/rounded-circle* برای گردی گوشه‌ها

حاشیه (Border)

استفاده از کلاس b-* برای حاشیه

border

border-t

border-s

border-e

border-b

حاشیه جهت‌دار

border-0

border-t-0

border-s-0

border-e-0

border-b-0

رنگ حاشیه

b-1-primary

b-1-secondary

b-1-success

b-1-danger

b-1-warning

b-1-info

b-1-light

b-1-dark

ضخامت حاشیه

b-1-primary

b-3-primary

b-5-primary

b-7-primary

b-9-primary

b-11-primary

b-13-primary

b-15-primary

b-16-primary

گردی حاشیه

b-r-5

b-r-10

b-r-15

b-r-20

b-r-25

b-r-30

حاشیه خط‌چین

dashed-1-primary

dashed-2-secondary

dashed-3-success

dashed-4-warning

dashed-5-danger

dashed-6-dark

dashed-8-info

حاشیه نقطه‌ای

dotted-1-primary

dotted-2-secondary

dotted-3-success

dotted-4-warning

dotted-5-danger

dotted-6-dark

dotted-8-info

چرخش (Rotate)

۹۰°

۱۸۰°

۲۷۰°

-۹۰°

-۱۸۰°

-۲۸۰°