command-center/public/css/position.scss
2024-12-18 15:31:26 +07:00

677 lines
9.5 KiB
SCSS

.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 0.75rem !important;
padding-left: 0.75rem !important;
}
.px-4 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-5 {
padding-right: 1.25rem !important;
padding-left: 1.25rem !important;
}
.px-6 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-7 {
padding-right: 1.75rem !important;
padding-left: 1.75rem !important;
}
.px-8 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.px-9 {
padding-right: 2.25rem !important;
padding-left: 2.25rem !important;
}
.px-10 {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
}
.px-11 {
padding-right: 2.75rem !important;
padding-left: 2.75rem !important;
}
.px-12 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.px-13 {
padding-right: 3.25rem !important;
padding-left: 3.25rem !important;
}
.px-14 {
padding-right: 3.5rem !important;
padding-left: 3.5rem !important;
}
.px-15 {
padding-right: 3.75rem !important;
padding-left: 3.75rem !important;
}
.px-16 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.px-17 {
padding-right: 4.25rem !important;
padding-left: 4.25rem !important;
}
.px-18 {
padding-right: 4.5rem !important;
padding-left: 4.5rem !important;
}
.px-19 {
padding-right: 4.75rem !important;
padding-left: 4.75rem !important;
}
.px-20 {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.py-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-7 {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important;
}
.py-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-9 {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important;
}
.py-10 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.py-11 {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important;
}
.py-12 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-13 {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important;
}
.py-14 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.py-15 {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important;
}
.py-16 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-17 {
padding-top: 4.25rem !important;
padding-bottom: 4.25rem !important;
}
.py-18 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.py-19 {
padding-top: 4.75rem !important;
padding-bottom: 4.75rem !important;
}
.py-20 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fs-7 {
font-size: 13px !important;
}
.fs-8 {
font-size: 0.6rem !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 500 !important;
}
.fw-bold {
font-weight: 600 !important;
}
.fw-bolder {
font-weight: 700 !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.flex {
display: flex;
}
.justify-center {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.justify-start {
display: flex !important;
justify-content: start !important;
align-items: center !important;
}
.justify-end {
display: flex !important;
justify-content: end !important;
align-items: center !important;
}
@mixin justify-start {
display: flex;
justify-content: start;
align-items: center;
}
@mixin justify-item-start {
display: flex;
justify-content: center;
align-items: start;
}
@mixin justify-center {
display: flex;
justify-content: center;
align-items: center;
}
@mixin justify-end {
display: flex;
justify-content: end;
align-items: center;
}
@mixin justify-sb {
display: flex;
justify-content: space-between;
align-items: center;
}
@mixin justify-sb-start {
display: flex;
justify-content: space-between;
align-items: start;
}