default.flexBasis() — tailwindcss Function Reference

Architecture documentation for the default.flexBasis() function in default-theme.ts from the tailwindcss codebase.

Function typescript OxideEngine PreProcessors

Entity Profile

OxideEngine→ PreProcessors→ default.flexBasis() — tailwindcss Function Reference

Dependency Diagram

graph TD
  0f08cc6b_ba42_e2e4_ad26_56c7f891bb7c["default.flexBasis()"]
  1b5321a5_0fcc_2351_1f22_0d4bed4c097e["default-theme.ts"]
  0f08cc6b_ba42_e2e4_ad26_56c7f891bb7c -->|defined in| 1b5321a5_0fcc_2351_1f22_0d4bed4c097e
  style 0f08cc6b_ba42_e2e4_ad26_56c7f891bb7c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/default-theme.ts lines 313–343

  flexBasis: ({ theme }) => ({
    auto: 'auto',
    '1/2': '50%',
    '1/3': '33.333333%',
    '2/3': '66.666667%',
    '1/4': '25%',
    '2/4': '50%',
    '3/4': '75%',
    '1/5': '20%',
    '2/5': '40%',
    '3/5': '60%',
    '4/5': '80%',
    '1/6': '16.666667%',
    '2/6': '33.333333%',
    '3/6': '50%',
    '4/6': '66.666667%',
    '5/6': '83.333333%',
    '1/12': '8.333333%',
    '2/12': '16.666667%',
    '3/12': '25%',
    '4/12': '33.333333%',
    '5/12': '41.666667%',
    '6/12': '50%',
    '7/12': '58.333333%',
    '8/12': '66.666667%',
    '9/12': '75%',
    '10/12': '83.333333%',
    '11/12': '91.666667%',
    full: '100%',
    ...theme('spacing'),
  }),