tailwindcss Architecture Docs
Home / File/ legacy-utilities.test.ts — tailwindcss Source File

legacy-utilities.test.ts — tailwindcss Source File

Architecture documentation for legacy-utilities.test.ts, a typescript file in the tailwindcss codebase. 4 imports, 0 dependents.

File typescript OxideEngine 4 imports

Entity Profile

Dependency Diagram

graph LR
  45dee155_ece9_5936_ac87_660cabd3ad5e["legacy-utilities.test.ts"]
  cf14281b_29d9_c059_3148_2e2cc2fe19ae["run.ts"]
  45dee155_ece9_5936_ac87_660cabd3ad5e --> cf14281b_29d9_c059_3148_2e2cc2fe19ae
  4c014585_4ec9_378c_bc1a_9d4ad5c2708c["compileCss"]
  45dee155_ece9_5936_ac87_660cabd3ad5e --> 4c014585_4ec9_378c_bc1a_9d4ad5c2708c
  613aea88_7231_059c_f480_39c6f1487e16["run"]
  45dee155_ece9_5936_ac87_660cabd3ad5e --> 613aea88_7231_059c_f480_39c6f1487e16
  696bd648_5f24_1b59_8e8b_7a97a692869e["vitest"]
  45dee155_ece9_5936_ac87_660cabd3ad5e --> 696bd648_5f24_1b59_8e8b_7a97a692869e
  style 45dee155_ece9_5936_ac87_660cabd3ad5e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { expect, test } from 'vitest'
import { compileCss, run } from '../test-utils/run'

const css = String.raw

test('bg-gradient-*', async () => {
  expect(
    await compileCss(
      css`
        @tailwind utilities;
      `,
      [
        'bg-gradient-to-t',
        'bg-gradient-to-tr',
        'bg-gradient-to-r',
        'bg-gradient-to-br',
        'bg-gradient-to-b',
        'bg-gradient-to-bl',
        'bg-gradient-to-l',
        'bg-gradient-to-tl',
      ],
    ),
  ).toMatchInlineSnapshot(`
    ".bg-gradient-to-b {
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-bl {
      --tw-gradient-position: to bottom left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-br {
      --tw-gradient-position: to bottom right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-l {
      --tw-gradient-position: to left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-r {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-t {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-tl {
      --tw-gradient-position: to top left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-tr {
      --tw-gradient-position: to top right in oklab;
// ... (328 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

What does legacy-utilities.test.ts do?
legacy-utilities.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the OxideEngine domain.
What does legacy-utilities.test.ts depend on?
legacy-utilities.test.ts imports 4 module(s): compileCss, run, run.ts, vitest.
Where is legacy-utilities.test.ts in the architecture?
legacy-utilities.test.ts is located at packages/tailwindcss/src/compat/legacy-utilities.test.ts (domain: OxideEngine, directory: packages/tailwindcss/src/compat).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free