CSS Imports

Curvea resolves CSS imports inside CSS files.

The main entry is usually:

src/assets/css/app.css

Supported import paths

Curvea resolves imports that start with:

./
../
@/

Examples:

@import "./base.css";
@import "../shared/buttons.css";
@import "@/assets/css/theme.css";

Unsupported import paths

Bare package imports are not resolved by the CSS import resolver.

Example:

@import "some-package/styles.css";

This remains unchanged or may not behave as expected depending on the CSS toolchain.

Media imports

Trailing media conditions are preserved by wrapping imported CSS in @media.

Example:

@import "./desktop.css" screen and (min-width: 900px);

becomes conceptually:

@media screen and (min-width: 900px) {
  ...imported css...
}

Circular imports

Curvea detects circular CSS imports and throws an error.

Alias root

The @/ alias resolves from:

src/