97 lines
2.9 KiB
CSS
97 lines
2.9 KiB
CSS
:root,
|
|
[data-bs-theme="light"] {
|
|
--bs-nav-link-font-size: 0.7375rem;
|
|
--bg-border-color :#f8f6f6
|
|
}
|
|
|
|
.card-header {
|
|
padding: 0.5rem var(--bs-card-cap-padding-x);
|
|
}
|
|
.table_header_border {
|
|
border-bottom:2px solid var(--bs-table-border-color) ;
|
|
}
|
|
.text-gary-80 {
|
|
color:var(--bs-gray-500)
|
|
}
|
|
|
|
.text-royalblue{
|
|
color: #1796e3;
|
|
}
|
|
|
|
.text-md {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.text-md-b {
|
|
font-weight: normal;
|
|
}
|
|
.text-xxs { font-size: 0.55rem; } /* 8px */
|
|
.text-xs { font-size: 0.75rem; } /* 12px */
|
|
.text-sm { font-size: 0.875rem; } /* 14px */
|
|
.text-base { font-size: 1rem; } /* 16px */
|
|
.text-lg { font-size: 1.125rem; } /* 18px */
|
|
.text-xl { font-size: 1.25rem; } /* 20px */
|
|
.text-2xl { font-size: 1.5rem; } /* 24px */
|
|
.text-3xl { font-size: 1.875rem; } /* 30px */
|
|
.text-4xl { font-size: 2.25rem; } /* 36px */
|
|
.text-5xl { font-size: 3rem; } /* 48px */
|
|
.text-6xl { font-size: 3.75rem; } /* 60px */
|
|
.text-7xl { font-size: 4.5rem; } /* 72px */
|
|
.text-8xl { font-size: 6rem; } /* 96px */
|
|
.text-9xl { font-size: 8rem; } /* 128px */
|
|
|
|
|
|
/* */
|
|
|
|
.w-0 { width: 0px; }
|
|
.w-px { width: 1px; }
|
|
.w-1 { width: 0.25rem; } /* 4px */
|
|
.w-2 { width: 0.5rem; } /* 8px */
|
|
.w-3 { width: 0.75rem; } /* 12px */
|
|
.w-4 { width: 1rem; } /* 16px */
|
|
.w-5 { width: 1.25rem; } /* 20px */
|
|
.w-6 { width: 1.5rem; } /* 24px */
|
|
.w-8 { width: 2rem; } /* 32px */
|
|
.w-10 { width: 2.5rem; } /* 40px */
|
|
.w-12 { width: 3rem; } /* 48px */
|
|
.w-16 { width: 4rem; } /* 64px */
|
|
.w-20 { width: 5rem; } /* 80px */
|
|
.w-24 { width: 6rem; } /* 96px */
|
|
.w-32 { width: 8rem; } /* 128px */
|
|
.w-40 { width: 10rem; } /* 160px */
|
|
.w-48 { width: 12rem; } /* 192px */
|
|
.w-56 { width: 14rem; } /* 224px */
|
|
.w-64 { width: 16rem; } /* 256px */
|
|
.w-auto { width: auto; }
|
|
.w-full { width: 100%; }
|
|
.w-screen{ width: 100vw; }
|
|
.w-min { width: min-content; }
|
|
.w-max { width: max-content; }
|
|
|
|
|
|
|
|
.h-0 { height: 0px; }
|
|
.h-px { height: 1px; }
|
|
.h-1 { height: 0.25rem; } /* 4px */
|
|
.h-2 { height: 0.5rem; } /* 8px */
|
|
.h-3 { height: 0.75rem; } /* 12px */
|
|
.h-4 { height: 1rem; } /* 16px */
|
|
.h-5 { height: 1.25rem; } /* 20px */
|
|
.h-6 { height: 1.5rem; } /* 24px */
|
|
.h-8 { height: 2rem; } /* 32px */
|
|
.h-10 { height: 2.5rem; } /* 40px */
|
|
.h-12 { height: 3rem; } /* 48px */
|
|
.h-16 { height: 4rem; } /* 64px */
|
|
.h-20 { height: 5rem; } /* 80px */
|
|
.h-24 { height: 6rem; } /* 96px */
|
|
.h-32 { height: 8rem; } /* 128px */
|
|
.h-40 { height: 10rem; } /* 160px */
|
|
.h-48 { height: 12rem; } /* 192px */
|
|
.h-56 { height: 14rem; } /* 224px */
|
|
.h-64 { height: 16rem; } /* 256px */
|
|
.h-auto { height: auto; }
|
|
.h-full { height: 100%; }
|
|
.h-screen{ height: 100vh; }
|
|
.h-min { height: min-content; }
|
|
.h-max { height: max-content; }
|