@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);
/* 没有使用base, 禁用了preflight, 否则会和若依自己的样式有冲突 */

@theme {
    --color-main: '#303030';
    --color-content: '#606060';
    --color-tips: '#909090';
    --color-primary: var(--el-color-primary);
    --color-warning: var(--el-color-warning);
    --color-danger: var(--el-color-danger);
    --color-success: var(--el-color-success);
    --color-info: var(--el-color-info);
}

@layer utilities {
    /* 单行省略 */
    .ellipsis-1 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    /* 多行省略（2行） */
    .ellipsis-2 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: break-word;
    }
}