55 lines
1007 B
CSS
55 lines
1007 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--el-color-primary: #e93323;
|
|
--el-color-primary-light-3: #f06b60;
|
|
--el-color-primary-light-5: #f4928b;
|
|
--el-color-primary-light-7: #f8bab5;
|
|
--el-color-primary-light-8: #fbc2bd;
|
|
--el-color-primary-light-9: #fdebe9;
|
|
--el-color-primary-dark-2: #ba291c;
|
|
}
|
|
|
|
body {
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
|
|
/* Custom scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #999;
|
|
}
|
|
|
|
/* Utility animations */
|
|
.transition-smooth {
|
|
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
.text-clamp-1 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.text-clamp-2 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|