tailwind.css 929 B

123456789101112131415161718192021222324252627282930313233
  1. @layer theme, base, components, utilities;
  2. @import "tailwindcss/theme.css" layer(theme);
  3. @import "tailwindcss/utilities.css" layer(utilities);
  4. /* 没有使用base, 禁用了preflight, 否则会和若依自己的样式有冲突 */
  5. @theme {
  6. --color-main: '#303030';
  7. --color-content: '#606060';
  8. --color-tips: '#909090';
  9. --color-primary: var(--el-color-primary);
  10. --color-warning: var(--el-color-warning);
  11. --color-danger: var(--el-color-danger);
  12. --color-success: var(--el-color-success);
  13. --color-info: var(--el-color-info);
  14. }
  15. @layer utilities {
  16. /* 单行省略 */
  17. .ellipsis-1 {
  18. overflow: hidden;
  19. text-overflow: ellipsis;
  20. white-space: nowrap;
  21. }
  22. /* 多行省略(2行) */
  23. .ellipsis-2 {
  24. overflow: hidden;
  25. display: -webkit-box;
  26. -webkit-line-clamp: 2;
  27. line-clamp: 2;
  28. -webkit-box-orient: vertical;
  29. word-break: break-word;
  30. }
  31. }