Styleguide
Here you can customize all global tags.
Headings
Typography
حجم النص كبير
Text Size Big
لوريم إيبسوم دولور سيت أميت، consectetur adipiscing إيليت. قم بتعليق العديد من الشخصيات في عنصر الحب الثلاثي. ولهذا السبب، أتمتع بحياة أفضل، وكل شيء آخر فارغ، ولدي حياة يومية مجانية. Aenean faucibus nibh و justo cursus id rutrum lorem impdiet. لا شيء من هذه الأشياء لديه اللمسة الصحيحة.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae posuere.
حجم النص صغير
Text Size Small
- قائمة غير مرتبة - العنصر 1
- قائمة غير مرتبة - العنصر 2
- قائمة غير مرتبة - العنصر 3
- قائمة غير مرتبة - العنصر 4
- قائمة غير مرتبة - العنصر 4
- Unordered list - Item 1
- Unordered list - Item 2
- Unordered list - Item 3
- Unordered list - Item 4
- Unordered list - Item 5
- قائمة غير مرتبة - العنصر 1
- قائمة غير مرتبة - العنصر 2
- قائمة غير مرتبة - العنصر 3
- قائمة غير مرتبة - العنصر 4
- قائمة غير مرتبة - العنصر 5
- Unordered list - Item 1
- Unordered list - Item 2
- Unordered list - Item 3
- Unordered list - Item 4
- Unordered list - Item 5
Text Size Small
Text Align Left
Text Align Center
Text Align Right
نمط النص غامق
Text Style Bold
Text Style Italic
Text Style Underline
Text Style LinkText Style Strikethrough
Text Style Uppercase
Text Style Lowercase
Text Color White
Text Color Black
لون النص الأساسي
Text Color Primary
Text Color Primary
Text Color Primary
Text block
اقتباس كتلة اقتباس كتلةText Link
اقتباس كتلة اقتباس كتلة
اقتباس كتلة اقتباس كتلة
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
- Item 1
- Item 2
- Item 3
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Colors
Black
White
Primary
Dark Grey
Grey
Light Grey
Primary Dark
Primary Light
Primary Lighter
Images
Buttons
Form
Container
Container Huge
Container XLarge
Container Large
Container Medium
Container Small
Max Width
Max Width 100%
Max Width 1280px
Max Width 1024px
Max Width 768px
Max Width 512px
Max Width 320px
Max Width 256px
Margins
Margin XXHuge
Margin XHuge
Margin Huge
Margin XXLarge
Margin XLarge
Margin Large
Margin Medium
Margin Small
Margin XSmall
Margin XXSmall
Margin Tiny
Margin XTiny
Margin XXTiny
Margin Top
Margin Bottom
Margin Left
Margin Right
Margin Vertical
Margin Horizontal
Margin 0
Paddings
Padding XXHuge
Padding XHuge
Padding Huge
Padding XXLarge
Padding XLarge
Padding Large
Padding Medium
Padding Small
Padding XSmall
Padding XXSmall
Padding Tiny
Padding XTiny
Padding XXTiny
padding Top
padding Bottom
padding Left
padding Right
padding Vertical
padding Horizontal
padding 0