light mode

دکمه ها

کانتینر

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure, maxime ea deserunt suscipit quos sint tempora quia consectetur cupiditate, labore praesentium fuga adipisci veniam eligendi? Eius error natus quis alias non quas neque atque eos illum rerum unde architecto ut suscipit dolores tenetur blanditiis iste, doloremque cum dolore! Vero, quam?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure, maxime ea deserunt suscipit quos sint tempora quia consectetur cupiditate, labore praesentium fuga adipisci veniam eligendi? Eius error natus quis alias non quas neque atque eos illum rerum unde architecto ut suscipit dolores tenetur blanditiis iste, doloremque cum dolore! Vero, quam?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure, maxime ea deserunt suscipit quos sint tempora quia consectetur cupiditate, labore praesentium fuga adipisci veniam eligendi? Eius error natus quis alias non quas neque atque eos illum rerum unde architecto ut suscipit dolores tenetur blanditiis iste, doloremque cum dolore! Vero, quam?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure, maxime ea deserunt suscipit quos sint tempora quia consectetur cupiditate, labore praesentium fuga adipisci veniam eligendi? Eius error natus quis alias non quas neque atque eos illum rerum unde architecto ut suscipit dolores tenetur blanditiis iste, doloremque cum dolore! Vero, quam?

ستون ها

12 Column

col-span-4
col-span-4
col-span-4
col-span-6
col-span-6
col-span-3
col-span-3
col-span-3
col-span-3
col-span-2
col-span-2
col-span-2
col-span-2
col-span-2
col-span-2

3 Column

col-span-2
col-span-1

تایپوگرافی

Title
Title small

heading 1

heading 2

heading 3

heading 4

heading 5
heading 6

Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore sunt, praesentium corporis incidunt iusto hic.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error odit, quasi architecto itaque eos nostrum.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, vitae.

رنگ ها

primary

100
200
300
400
500
600
700
800
900

secondary

100
200
300
400
500
600
700
800
900

accent

100
200
300
400
500
600
700
800
900

success

100
200
300
400
500
600
700
800
900

warning

100
200
300
400
500
600
700
800
900

error

100
200
300
400
500
600
700
800
900

info

100
200
300
400
500
600
700
800
900

natural

100
200
300
400
500
600
700
800
900

سایه ها

shadow
shadow-sm

فرم ها

responsive

grids

col-span-4 col-span-md-6 col-span-sm-12
col-span-4 col-span-md-6 col-span-sm-12
col-span-4 col-span-md-12 col-span-sm-12

displays

d-block d-md-none
d-none d-md-block

grid auto fit