# CSS

<link>: This should be blue

@import in <link>: This should be red

import from js: This should be green

@import in import from js: This should be purple

@import from file with space: This should be green and have a background image

Imported css string:

PostCSS nesting plugin: this should be pink

SASS: This should be orange

@import from SASS _index: This should be olive and have bg image

@import from SASS _index: This should be olive and have bg image which url contains alias

@import from SASS _partial: This should be orchid

url starts with variable

Imported SASS string:

@import dependency w/ no scss entrypoint: this should be lavender

Less: This should be blue

@import from Less: This should be darkslateblue and have bg image

@import from Less: This should be darkslateblue and have bg image which url contains alias

url starts with variable

Imported Less string:

tests Less's `data-uri()` function with relative image paths

Stylus: This should be blue

Stylus additionalData: This should be orange

@import from Stylus: This should be darkslateblue

@import from Stylus: This should be darkslateblue and have bg image which url contains alias

Stylus import (relative path) via vite config preprocessor options: This should be green

Stylus import (absolute path) via vite config preprocessor options: This should be red

Imported Stylus string:

SugarSS: This should be blue

@import from SugarSS: This should be darkslateblue and have bg image

@import from SugarSS: This should be darkslateblue and have bg image which url contains alias

Imported SugarSS string:

CSS modules: this should be turquoise

Imported CSS module:

CSS modules w/ SASS: this should be orangered

Imported SASS module:

Imported compose/from CSS/SASS module:

CSS modules composes path resolving: this should be turquoise

CSS modules composes path resolving: this should be orangered

CSS modules composes path resolving: this should be blue

Inline CSS module:

CSS with @charset:

@import with layers: blue green

@import dependency w/ style entrypoints: this should be purple

@import dependency w/ sass entrypoints: this should be orange

PostCSS dir-dependency: this should be grey

PostCSS dir-dependency (file 2): this should be grey too

PostCSS dir-dependency (file 3): this should be grey too

import dependency includes 'import "./foo.css"': this should be green

import dependency includes 'import "./bar.module.css"': this should be green

URL separation preservation: should have valid background-image

Inlined import - this should NOT be red.

test import css in less, this color will be yellow
test for import less in less, this color will be blue
test import css in scss, this color will be orange

Raw Support

PostCSS source.input.from. Should include query

Import from jsfile.css.js without the extension

Aliased

import '#alias': this should be blue

import '#alias-module': this should be blue