73 lines
1.3 KiB
CSS
73 lines
1.3 KiB
CSS
|
|
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-brand-25: #EFF8FF;
|
|
--color-brand-50: #F5FAFF;
|
|
--color-brand-100: #D1E9FF;
|
|
--color-brand-200: #B2DDFF;
|
|
--color-brand-300: #84CAFF;
|
|
--color-brand-400: #53B1FD;
|
|
--color-brand-500: #2E90FA;
|
|
--color-brand-600: #1570EF;
|
|
--color-brand-700: #175CD3;
|
|
--color-brand-800: #1849A9;
|
|
--color-brand-900: #194185;
|
|
}
|
|
/* @theme {
|
|
--color-brand-25: #FFF5F6;
|
|
--color-brand-50: #FFE8EA;
|
|
--color-brand-100: #FFD1D6;
|
|
--color-brand-200: #FFA3AE;
|
|
--color-brand-300: #FF7585;
|
|
--color-brand-400: #FF475D;
|
|
--color-brand-500: #E63946;
|
|
--color-brand-600: #C5303C;
|
|
--color-brand-700: #9E2630;
|
|
--color-brand-800: #771D24;
|
|
--color-brand-900: #501318;
|
|
} */
|
|
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#app {
|
|
min-height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Safe area padding for mobile devices */
|
|
.pb-safe {
|
|
padding-bottom: env(safe-area-inset-bottom, 0px);
|
|
}
|
|
|
|
/* Hide scrollbar but allow scrolling */
|
|
.scrollbar-hide {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
.scrollbar-hide::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
/* Line clamp utilities */
|
|
.line-clamp-2 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Safe area padding for mobile devices */
|
|
.pb-safe {
|
|
padding-bottom: env(safe-area-inset-bottom, 0px);
|
|
}
|
|
|