Skip to content

Commit

Permalink
♻️ refactor: add x, y direction for overflow property
Browse files Browse the repository at this point in the history
  • Loading branch information
danpacho committed Aug 30, 2024
1 parent a3da501 commit b0fca5e
Showing 1 changed file with 20 additions and 11 deletions.
Original file line number Diff line number Diff line change
@@ -1,24 +1,33 @@
import type { PluginVariants } from "../../../plugin"

type TailwindOverflowDirection = "x" | "y"

type TailwindOverflowVariants =
| "auto"
| "hidden"
| "clip"
| "visible"
| "scroll"
| "x-auto"
| "y-auto"
| "x-hidden"
| "y-hidden"
| "x-clip"
| "y-clip"
| "x-visible"
| "y-visible"
| "x-scroll"
| "y-scroll"
type TailwindOverflow = `overflow-${TailwindOverflowVariants}`

type TailwindOverflow =
| `overflow-${TailwindOverflowVariants}`
| "overflow-ellipses"
| `overflow-${TailwindOverflowDirection}-${TailwindOverflowVariants}`

export type TailwindOverflowType = {
/**
*@description Utilities for controlling how an element handles content that is too large for the container.
*@see {@link https://tailwindcss.com/docs/overflow overflow}
*/
overflow: TailwindOverflow
/**
*@description Utilities for controlling how an element handles content that is too large for the container.
*@see {@link https://tailwindcss.com/docs/overflow overflow-x}
*/
overflowX: PluginVariants<"overflow-x", TailwindOverflowVariants>
/**
* @description Utilities for controlling how an element handles content that is too large for the container.
* @see {@link https://tailwindcss.com/docs/overflow overflow-y}
*/
overflowY: PluginVariants<"overflow-y", TailwindOverflowVariants>
}

0 comments on commit b0fca5e

Please sign in to comment.