Margin
Supports negative values. Learn more.
| Class | Properties |
|---|---|
| gl-m-0 | margin: 0; |
| gl-m-1 | margin: 0.125rem; /* 2px */ |
| gl-m-2 | margin: 0.25rem; /* 4px */ |
| gl-m-3 | margin: 0.5rem; /* 8px */ |
| gl-m-4 | margin: 0.75rem; /* 12px */ |
| gl-m-5 | margin: 1rem; /* 16px */ |
| gl-m-6 | margin: 1.5rem; /* 24px */ |
| gl-m-7 | margin: 2rem; /* 32px */ |
| gl-m-8 | margin: 2.5rem; /* 40px */ |
| gl-m-9 | margin: 3rem; /* 48px */ |
| gl-m-10 | margin: 3.5rem; /* 56px */ |
| gl-m-11 | margin: 4rem; /* 64px */ |
| gl-m-12 | margin: 5rem; /* 80px */ |
| gl-m-13 | margin: 6rem; /* 96px */ |
| gl-m-15 | margin: 7.5rem; /* 120px */ |
| gl-m-20 | margin: 10rem; /* 160px */ |
| gl-m-26 | margin: 13rem; /* 208px */ |
| gl-m-28 | margin: 14rem; /* 224px */ |
| gl-m-30 | margin: 15rem; /* 240px */ |
| gl-m-31 | margin: 15.5rem; /* 248px */ |
| gl-m-34 | margin: 17rem; /* 272px */ |
| gl-m-48 | margin: 24rem; /* 384px */ |
| gl-m-62 | margin: 31rem; /* 496px */ |
| gl-m-75 | margin: 37.5rem; /* 600px */ |
| gl-m-80 | margin: 40rem; /* 640px */ |
| gl-m-88 | margin: 44rem; /* 704px */ |
| gl-m-auto | margin: auto; |
| gl-m-px | margin: 1px; |
| gl-m-11-5 | margin: 4.5rem; /* 72px */ |
| gl-mx-0 | margin-left: 0; margin-right: 0; |
| gl-mx-1 | margin-left: 0.125rem; /* 2px */ margin-right: 0.125rem; /* 2px */ |
| gl-mx-2 | margin-left: 0.25rem; /* 4px */ margin-right: 0.25rem; /* 4px */ |
| gl-mx-3 | margin-left: 0.5rem; /* 8px */ margin-right: 0.5rem; /* 8px */ |
| gl-mx-4 | margin-left: 0.75rem; /* 12px */ margin-right: 0.75rem; /* 12px */ |
| gl-mx-5 | margin-left: 1rem; /* 16px */ margin-right: 1rem; /* 16px */ |
| gl-mx-6 | margin-left: 1.5rem; /* 24px */ margin-right: 1.5rem; /* 24px */ |
| gl-mx-7 | margin-left: 2rem; /* 32px */ margin-right: 2rem; /* 32px */ |
| gl-mx-8 | margin-left: 2.5rem; /* 40px */ margin-right: 2.5rem; /* 40px */ |
| gl-mx-9 | margin-left: 3rem; /* 48px */ margin-right: 3rem; /* 48px */ |
| gl-mx-10 | margin-left: 3.5rem; /* 56px */ margin-right: 3.5rem; /* 56px */ |
| gl-mx-11 | margin-left: 4rem; /* 64px */ margin-right: 4rem; /* 64px */ |
| gl-mx-12 | margin-left: 5rem; /* 80px */ margin-right: 5rem; /* 80px */ |
| gl-mx-13 | margin-left: 6rem; /* 96px */ margin-right: 6rem; /* 96px */ |
| gl-mx-15 | margin-left: 7.5rem; /* 120px */ margin-right: 7.5rem; /* 120px */ |
| gl-mx-20 | margin-left: 10rem; /* 160px */ margin-right: 10rem; /* 160px */ |
| gl-mx-26 | margin-left: 13rem; /* 208px */ margin-right: 13rem; /* 208px */ |
| gl-mx-28 | margin-left: 14rem; /* 224px */ margin-right: 14rem; /* 224px */ |
| gl-mx-30 | margin-left: 15rem; /* 240px */ margin-right: 15rem; /* 240px */ |
| gl-mx-31 | margin-left: 15.5rem; /* 248px */ margin-right: 15.5rem; /* 248px */ |
| gl-mx-34 | margin-left: 17rem; /* 272px */ margin-right: 17rem; /* 272px */ |
| gl-mx-48 | margin-left: 24rem; /* 384px */ margin-right: 24rem; /* 384px */ |
| gl-mx-62 | margin-left: 31rem; /* 496px */ margin-right: 31rem; /* 496px */ |
| gl-mx-75 | margin-left: 37.5rem; /* 600px */ margin-right: 37.5rem; /* 600px */ |
| gl-mx-80 | margin-left: 40rem; /* 640px */ margin-right: 40rem; /* 640px */ |
| gl-mx-88 | margin-left: 44rem; /* 704px */ margin-right: 44rem; /* 704px */ |
| gl-mx-auto | margin-left: auto; margin-right: auto; |
| gl-mx-px | margin-left: 1px; margin-right: 1px; |
| gl-mx-11-5 | margin-left: 4.5rem; /* 72px */ margin-right: 4.5rem; /* 72px */ |
| gl-my-0 | margin-top: 0; margin-bottom: 0; |
| gl-my-1 | margin-top: 0.125rem; /* 2px */ margin-bottom: 0.125rem; /* 2px */ |
| gl-my-2 | margin-top: 0.25rem; /* 4px */ margin-bottom: 0.25rem; /* 4px */ |
| gl-my-3 | margin-top: 0.5rem; /* 8px */ margin-bottom: 0.5rem; /* 8px */ |
| gl-my-4 | margin-top: 0.75rem; /* 12px */ margin-bottom: 0.75rem; /* 12px */ |
| gl-my-5 | margin-top: 1rem; /* 16px */ margin-bottom: 1rem; /* 16px */ |
| gl-my-6 | margin-top: 1.5rem; /* 24px */ margin-bottom: 1.5rem; /* 24px */ |
| gl-my-7 | margin-top: 2rem; /* 32px */ margin-bottom: 2rem; /* 32px */ |
| gl-my-8 | margin-top: 2.5rem; /* 40px */ margin-bottom: 2.5rem; /* 40px */ |
| gl-my-9 | margin-top: 3rem; /* 48px */ margin-bottom: 3rem; /* 48px */ |
| gl-my-10 | margin-top: 3.5rem; /* 56px */ margin-bottom: 3.5rem; /* 56px */ |
| gl-my-11 | margin-top: 4rem; /* 64px */ margin-bottom: 4rem; /* 64px */ |
| gl-my-12 | margin-top: 5rem; /* 80px */ margin-bottom: 5rem; /* 80px */ |
| gl-my-13 | margin-top: 6rem; /* 96px */ margin-bottom: 6rem; /* 96px */ |
| gl-my-15 | margin-top: 7.5rem; /* 120px */ margin-bottom: 7.5rem; /* 120px */ |
| gl-my-20 | margin-top: 10rem; /* 160px */ margin-bottom: 10rem; /* 160px */ |
| gl-my-26 | margin-top: 13rem; /* 208px */ margin-bottom: 13rem; /* 208px */ |
| gl-my-28 | margin-top: 14rem; /* 224px */ margin-bottom: 14rem; /* 224px */ |
| gl-my-30 | margin-top: 15rem; /* 240px */ margin-bottom: 15rem; /* 240px */ |
| gl-my-31 | margin-top: 15.5rem; /* 248px */ margin-bottom: 15.5rem; /* 248px */ |
| gl-my-34 | margin-top: 17rem; /* 272px */ margin-bottom: 17rem; /* 272px */ |
| gl-my-48 | margin-top: 24rem; /* 384px */ margin-bottom: 24rem; /* 384px */ |
| gl-my-62 | margin-top: 31rem; /* 496px */ margin-bottom: 31rem; /* 496px */ |
| gl-my-75 | margin-top: 37.5rem; /* 600px */ margin-bottom: 37.5rem; /* 600px */ |
| gl-my-80 | margin-top: 40rem; /* 640px */ margin-bottom: 40rem; /* 640px */ |
| gl-my-88 | margin-top: 44rem; /* 704px */ margin-bottom: 44rem; /* 704px */ |
| gl-my-auto | margin-top: auto; margin-bottom: auto; |
| gl-my-px | margin-top: 1px; margin-bottom: 1px; |
| gl-my-11-5 | margin-top: 4.5rem; /* 72px */ margin-bottom: 4.5rem; /* 72px */ |
| gl-ms-0 | margin-inline-start: 0; |
| gl-ms-1 | margin-inline-start: 0.125rem; /* 2px */ |
| gl-ms-2 | margin-inline-start: 0.25rem; /* 4px */ |
| gl-ms-3 | margin-inline-start: 0.5rem; /* 8px */ |
| gl-ms-4 | margin-inline-start: 0.75rem; /* 12px */ |
| gl-ms-5 | margin-inline-start: 1rem; /* 16px */ |
| gl-ms-6 | margin-inline-start: 1.5rem; /* 24px */ |
| gl-ms-7 | margin-inline-start: 2rem; /* 32px */ |
| gl-ms-8 | margin-inline-start: 2.5rem; /* 40px */ |
| gl-ms-9 | margin-inline-start: 3rem; /* 48px */ |
| gl-ms-10 | margin-inline-start: 3.5rem; /* 56px */ |
| gl-ms-11 | margin-inline-start: 4rem; /* 64px */ |
| gl-ms-12 | margin-inline-start: 5rem; /* 80px */ |
| gl-ms-13 | margin-inline-start: 6rem; /* 96px */ |
| gl-ms-15 | margin-inline-start: 7.5rem; /* 120px */ |
| gl-ms-20 | margin-inline-start: 10rem; /* 160px */ |
| gl-ms-26 | margin-inline-start: 13rem; /* 208px */ |
| gl-ms-28 | margin-inline-start: 14rem; /* 224px */ |
| gl-ms-30 | margin-inline-start: 15rem; /* 240px */ |
| gl-ms-31 | margin-inline-start: 15.5rem; /* 248px */ |
| gl-ms-34 | margin-inline-start: 17rem; /* 272px */ |
| gl-ms-48 | margin-inline-start: 24rem; /* 384px */ |
| gl-ms-62 | margin-inline-start: 31rem; /* 496px */ |
| gl-ms-75 | margin-inline-start: 37.5rem; /* 600px */ |
| gl-ms-80 | margin-inline-start: 40rem; /* 640px */ |
| gl-ms-88 | margin-inline-start: 44rem; /* 704px */ |
| gl-ms-auto | margin-inline-start: auto; |
| gl-ms-px | margin-inline-start: 1px; |
| gl-ms-11-5 | margin-inline-start: 4.5rem; /* 72px */ |
| gl-me-0 | margin-inline-end: 0; |
| gl-me-1 | margin-inline-end: 0.125rem; /* 2px */ |
| gl-me-2 | margin-inline-end: 0.25rem; /* 4px */ |
| gl-me-3 | margin-inline-end: 0.5rem; /* 8px */ |
| gl-me-4 | margin-inline-end: 0.75rem; /* 12px */ |
| gl-me-5 | margin-inline-end: 1rem; /* 16px */ |
| gl-me-6 | margin-inline-end: 1.5rem; /* 24px */ |
| gl-me-7 | margin-inline-end: 2rem; /* 32px */ |
| gl-me-8 | margin-inline-end: 2.5rem; /* 40px */ |
| gl-me-9 | margin-inline-end: 3rem; /* 48px */ |
| gl-me-10 | margin-inline-end: 3.5rem; /* 56px */ |
| gl-me-11 | margin-inline-end: 4rem; /* 64px */ |
| gl-me-12 | margin-inline-end: 5rem; /* 80px */ |
| gl-me-13 | margin-inline-end: 6rem; /* 96px */ |
| gl-me-15 | margin-inline-end: 7.5rem; /* 120px */ |
| gl-me-20 | margin-inline-end: 10rem; /* 160px */ |
| gl-me-26 | margin-inline-end: 13rem; /* 208px */ |
| gl-me-28 | margin-inline-end: 14rem; /* 224px */ |
| gl-me-30 | margin-inline-end: 15rem; /* 240px */ |
| gl-me-31 | margin-inline-end: 15.5rem; /* 248px */ |
| gl-me-34 | margin-inline-end: 17rem; /* 272px */ |
| gl-me-48 | margin-inline-end: 24rem; /* 384px */ |
| gl-me-62 | margin-inline-end: 31rem; /* 496px */ |
| gl-me-75 | margin-inline-end: 37.5rem; /* 600px */ |
| gl-me-80 | margin-inline-end: 40rem; /* 640px */ |
| gl-me-88 | margin-inline-end: 44rem; /* 704px */ |
| gl-me-auto | margin-inline-end: auto; |
| gl-me-px | margin-inline-end: 1px; |
| gl-me-11-5 | margin-inline-end: 4.5rem; /* 72px */ |
| gl-mt-0 | margin-top: 0; |
| gl-mt-1 | margin-top: 0.125rem; /* 2px */ |
| gl-mt-2 | margin-top: 0.25rem; /* 4px */ |
| gl-mt-3 | margin-top: 0.5rem; /* 8px */ |
| gl-mt-4 | margin-top: 0.75rem; /* 12px */ |
| gl-mt-5 | margin-top: 1rem; /* 16px */ |
| gl-mt-6 | margin-top: 1.5rem; /* 24px */ |
| gl-mt-7 | margin-top: 2rem; /* 32px */ |
| gl-mt-8 | margin-top: 2.5rem; /* 40px */ |
| gl-mt-9 | margin-top: 3rem; /* 48px */ |
| gl-mt-10 | margin-top: 3.5rem; /* 56px */ |
| gl-mt-11 | margin-top: 4rem; /* 64px */ |
| gl-mt-12 | margin-top: 5rem; /* 80px */ |
| gl-mt-13 | margin-top: 6rem; /* 96px */ |
| gl-mt-15 | margin-top: 7.5rem; /* 120px */ |
| gl-mt-20 | margin-top: 10rem; /* 160px */ |
| gl-mt-26 | margin-top: 13rem; /* 208px */ |
| gl-mt-28 | margin-top: 14rem; /* 224px */ |
| gl-mt-30 | margin-top: 15rem; /* 240px */ |
| gl-mt-31 | margin-top: 15.5rem; /* 248px */ |
| gl-mt-34 | margin-top: 17rem; /* 272px */ |
| gl-mt-48 | margin-top: 24rem; /* 384px */ |
| gl-mt-62 | margin-top: 31rem; /* 496px */ |
| gl-mt-75 | margin-top: 37.5rem; /* 600px */ |
| gl-mt-80 | margin-top: 40rem; /* 640px */ |
| gl-mt-88 | margin-top: 44rem; /* 704px */ |
| gl-mt-auto | margin-top: auto; |
| gl-mt-px | margin-top: 1px; |
| gl-mt-11-5 | margin-top: 4.5rem; /* 72px */ |
| gl-mr-0 | margin-right: 0; |
| gl-mr-1 | margin-right: 0.125rem; /* 2px */ |
| gl-mr-2 | margin-right: 0.25rem; /* 4px */ |
| gl-mr-3 | margin-right: 0.5rem; /* 8px */ |
| gl-mr-4 | margin-right: 0.75rem; /* 12px */ |
| gl-mr-5 | margin-right: 1rem; /* 16px */ |
| gl-mr-6 | margin-right: 1.5rem; /* 24px */ |
| gl-mr-7 | margin-right: 2rem; /* 32px */ |
| gl-mr-8 | margin-right: 2.5rem; /* 40px */ |
| gl-mr-9 | margin-right: 3rem; /* 48px */ |
| gl-mr-10 | margin-right: 3.5rem; /* 56px */ |
| gl-mr-11 | margin-right: 4rem; /* 64px */ |
| gl-mr-12 | margin-right: 5rem; /* 80px */ |
| gl-mr-13 | margin-right: 6rem; /* 96px */ |
| gl-mr-15 | margin-right: 7.5rem; /* 120px */ |
| gl-mr-20 | margin-right: 10rem; /* 160px */ |
| gl-mr-26 | margin-right: 13rem; /* 208px */ |
| gl-mr-28 | margin-right: 14rem; /* 224px */ |
| gl-mr-30 | margin-right: 15rem; /* 240px */ |
| gl-mr-31 | margin-right: 15.5rem; /* 248px */ |
| gl-mr-34 | margin-right: 17rem; /* 272px */ |
| gl-mr-48 | margin-right: 24rem; /* 384px */ |
| gl-mr-62 | margin-right: 31rem; /* 496px */ |
| gl-mr-75 | margin-right: 37.5rem; /* 600px */ |
| gl-mr-80 | margin-right: 40rem; /* 640px */ |
| gl-mr-88 | margin-right: 44rem; /* 704px */ |
| gl-mr-auto | margin-right: auto; |
| gl-mr-px | margin-right: 1px; |
| gl-mr-11-5 | margin-right: 4.5rem; /* 72px */ |
| gl-mb-0 | margin-bottom: 0; |
| gl-mb-1 | margin-bottom: 0.125rem; /* 2px */ |
| gl-mb-2 | margin-bottom: 0.25rem; /* 4px */ |
| gl-mb-3 | margin-bottom: 0.5rem; /* 8px */ |
| gl-mb-4 | margin-bottom: 0.75rem; /* 12px */ |
| gl-mb-5 | margin-bottom: 1rem; /* 16px */ |
| gl-mb-6 | margin-bottom: 1.5rem; /* 24px */ |
| gl-mb-7 | margin-bottom: 2rem; /* 32px */ |
| gl-mb-8 | margin-bottom: 2.5rem; /* 40px */ |
| gl-mb-9 | margin-bottom: 3rem; /* 48px */ |
| gl-mb-10 | margin-bottom: 3.5rem; /* 56px */ |
| gl-mb-11 | margin-bottom: 4rem; /* 64px */ |
| gl-mb-12 | margin-bottom: 5rem; /* 80px */ |
| gl-mb-13 | margin-bottom: 6rem; /* 96px */ |
| gl-mb-15 | margin-bottom: 7.5rem; /* 120px */ |
| gl-mb-20 | margin-bottom: 10rem; /* 160px */ |
| gl-mb-26 | margin-bottom: 13rem; /* 208px */ |
| gl-mb-28 | margin-bottom: 14rem; /* 224px */ |
| gl-mb-30 | margin-bottom: 15rem; /* 240px */ |
| gl-mb-31 | margin-bottom: 15.5rem; /* 248px */ |
| gl-mb-34 | margin-bottom: 17rem; /* 272px */ |
| gl-mb-48 | margin-bottom: 24rem; /* 384px */ |
| gl-mb-62 | margin-bottom: 31rem; /* 496px */ |
| gl-mb-75 | margin-bottom: 37.5rem; /* 600px */ |
| gl-mb-80 | margin-bottom: 40rem; /* 640px */ |
| gl-mb-88 | margin-bottom: 44rem; /* 704px */ |
| gl-mb-auto | margin-bottom: auto; |
| gl-mb-px | margin-bottom: 1px; |
| gl-mb-11-5 | margin-bottom: 4.5rem; /* 72px */ |
| gl-ml-0 | margin-left: 0; |
| gl-ml-1 | margin-left: 0.125rem; /* 2px */ |
| gl-ml-2 | margin-left: 0.25rem; /* 4px */ |
| gl-ml-3 | margin-left: 0.5rem; /* 8px */ |
| gl-ml-4 | margin-left: 0.75rem; /* 12px */ |
| gl-ml-5 | margin-left: 1rem; /* 16px */ |
| gl-ml-6 | margin-left: 1.5rem; /* 24px */ |
| gl-ml-7 | margin-left: 2rem; /* 32px */ |
| gl-ml-8 | margin-left: 2.5rem; /* 40px */ |
| gl-ml-9 | margin-left: 3rem; /* 48px */ |
| gl-ml-10 | margin-left: 3.5rem; /* 56px */ |
| gl-ml-11 | margin-left: 4rem; /* 64px */ |
| gl-ml-12 | margin-left: 5rem; /* 80px */ |
| gl-ml-13 | margin-left: 6rem; /* 96px */ |
| gl-ml-15 | margin-left: 7.5rem; /* 120px */ |
| gl-ml-20 | margin-left: 10rem; /* 160px */ |
| gl-ml-26 | margin-left: 13rem; /* 208px */ |
| gl-ml-28 | margin-left: 14rem; /* 224px */ |
| gl-ml-30 | margin-left: 15rem; /* 240px */ |
| gl-ml-31 | margin-left: 15.5rem; /* 248px */ |
| gl-ml-34 | margin-left: 17rem; /* 272px */ |
| gl-ml-48 | margin-left: 24rem; /* 384px */ |
| gl-ml-62 | margin-left: 31rem; /* 496px */ |
| gl-ml-75 | margin-left: 37.5rem; /* 600px */ |
| gl-ml-80 | margin-left: 40rem; /* 640px */ |
| gl-ml-88 | margin-left: 44rem; /* 704px */ |
| gl-ml-auto | margin-left: auto; |
| gl-ml-px | margin-left: 1px; |
| gl-ml-11-5 | margin-left: 4.5rem; /* 72px */ |