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 Oxide 4 imports

Entity Profile

Dependency Diagram

graph LR
  9ed59553_9878_9093_da89_a27a30a5df78["legacy-utilities.test.ts"]
  f9b7eac1_3b10_a208_408b_b98998a33868["run.ts"]
  9ed59553_9878_9093_da89_a27a30a5df78 --> f9b7eac1_3b10_a208_408b_b98998a33868
  b8347223_2c86_b56c_bee4_53f1b5cc1312["compileCss"]
  9ed59553_9878_9093_da89_a27a30a5df78 --> b8347223_2c86_b56c_bee4_53f1b5cc1312
  92340182_e1dc_9cec_da39_d46674e865cd["run"]
  9ed59553_9878_9093_da89_a27a30a5df78 --> 92340182_e1dc_9cec_da39_d46674e865cd
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  9ed59553_9878_9093_da89_a27a30a5df78 --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  style 9ed59553_9878_9093_da89_a27a30a5df78 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 Oxide 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: Oxide, 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