Module: TailwindMerge::Config
Constant Summary collapse
- FROM_THEME =
->(config, theme) { config.fetch(:theme, {}).fetch(theme, nil) }
- COLORS =
->(config) { FROM_THEME.call(config, "colors") }
- SPACING =
->(config) { FROM_THEME.call(config, "spacing") }
- BLUR =
->(config) { FROM_THEME.call(config, "blur") }
- BRIGHTNESS =
->(config) { FROM_THEME.call(config, "brightness") }
- BORDER_COLOR =
->(config) { FROM_THEME.call(config, "border-color") }
- BORDER_RADIUS =
->(config) { FROM_THEME.call(config, "border-radius") }
- BORDER_SPACING =
->(config) { FROM_THEME.call(config, "border-spacing") }
- BORDER_WIDTH =
->(config) { FROM_THEME.call(config, "border-width") }
- CONTRAST =
->(config) { FROM_THEME.call(config, "contrast") }
- GRAYSCALE =
->(config) { FROM_THEME.call(config, "grayscale") }
- HUE_ROTATE =
->(config) { FROM_THEME.call(config, "hue-rotate") }
- INVERT =
->(config) { FROM_THEME.call(config, "invert") }
- GAP =
->(config) { FROM_THEME.call(config, "gap") }
- GRADIENT_COLOR_STOPS =
->(config) { FROM_THEME.call(config, "gradient-color-stops") }
- GRADIENT_COLOR_STOP_POSITIONS =
->(config) { FROM_THEME.call(config, "gradient-color-stop-positions") }
- INSET =
->(config) { FROM_THEME.call(config, "inset") }
- MARGIN =
->(config) { FROM_THEME.call(config, "margin") }
- OPACITY =
->(config) { FROM_THEME.call(config, "opacity") }
- PADDING =
->(config) { FROM_THEME.call(config, "padding") }
- SATURATE =
->(config) { FROM_THEME.call(config, "saturate") }
- SCALE =
->(config) { FROM_THEME.call(config, "scale") }
- SEPIA =
->(config) { FROM_THEME.call(config, "sepia") }
- SKEW =
->(config) { FROM_THEME.call(config, "skew") }
- SPACE =
->(config) { FROM_THEME.call(config, "space") }
- TRANSLATE =
->(config) { FROM_THEME.call(config, "translate") }
- VALID_THEME_IDS =
Set.new([ COLORS.object_id, SPACING.object_id, BLUR.object_id, BRIGHTNESS.object_id, BORDER_COLOR.object_id, BORDER_RADIUS.object_id, BORDER_SPACING.object_id, BORDER_WIDTH.object_id, CONTRAST.object_id, GRAYSCALE.object_id, HUE_ROTATE.object_id, INVERT.object_id, GAP.object_id, GRADIENT_COLOR_STOPS.object_id, GRADIENT_COLOR_STOP_POSITIONS.object_id, INSET.object_id, MARGIN.object_id, OPACITY.object_id, PADDING.object_id, SATURATE.object_id, SCALE.object_id, SEPIA.object_id, SKEW.object_id, SPACE.object_id, TRANSLATE.object_id, ]).freeze
- OVERSCROLL =
-> { ["auto", "contain", "none"] }
- OVERFLOW =
-> { ["auto", "hidden", "clip", "visible", "scroll"] }
- SPACING_WITH_AUTO_AND_ARBITRARY =
-> { ["auto", IS_ARBITRARY_VALUE, SPACING] }
- SPACING_WITH_ARBITRARY =
-> { [IS_ARBITRARY_VALUE, SPACING] }
- LENGTH_WITH_EMPTY_AND_ARBITRARY =
-> { ["", IS_LENGTH, IS_ARBITRARY_LENGTH] }
- NUMBER_WITH_AUTO_AND_ARBITRARY =
-> { ["auto", IS_NUMBER, IS_ARBITRARY_VALUE] }
- POSITIONS =
-> { [ "bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top", ] }
- LINE_STYLES =
-> { ["solid", "dashed", "dotted", "double", "none"] }
- BLEND_MODES =
-> { [ "normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", ] }
- ALIGN =
-> { ["start", "end", "center", "between", "around", "evenly", "stretch"] }
- ZERO_AND_EMPTY =
-> { ["", "0", IS_ARBITRARY_VALUE] }
- BREAKS =
-> { ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"] }
- NUMBER =
-> { [IS_NUMBER, IS_ARBITRARY_NUMBER] }
- NUMBER_AND_ARBITRARY =
-> { [IS_NUMBER, IS_ARBITRARY_VALUE] }
- DEFAULTS =
{ cache_size: 500, separator: ":", theme: { "colors" => [IS_ANY], "spacing" => [IS_LENGTH, IS_ARBITRARY_LENGTH], "blur" => ["none", "", IS_TSHIRT_SIZE, IS_ARBITRARY_VALUE], "brightness" => NUMBER.call, "border-color" => [COLORS], "border-radius" => ["none", "", "full", IS_TSHIRT_SIZE, IS_ARBITRARY_VALUE], "border-spacing" => SPACING_WITH_ARBITRARY.call, "border-width" => LENGTH_WITH_EMPTY_AND_ARBITRARY.call, "contrast" => NUMBER.call, "grayscale" => ZERO_AND_EMPTY.call, "hue-rotate" => NUMBER_AND_ARBITRARY.call, "invert" => ZERO_AND_EMPTY.call, "gap" => SPACING_WITH_ARBITRARY.call, "gradient-color-stops" => [COLORS], "gradient-color-stop-positions" => [IS_PERCENT, IS_ARBITRARY_LENGTH], "inset" => SPACING_WITH_AUTO_AND_ARBITRARY.call, "margin" => SPACING_WITH_AUTO_AND_ARBITRARY.call, "opacity" => NUMBER.call, "padding" => SPACING_WITH_ARBITRARY.call, "saturate" => NUMBER.call, "scale" => NUMBER.call, "sepia" => ZERO_AND_EMPTY.call, "skew" => NUMBER_AND_ARBITRARY.call, "space" => SPACING_WITH_ARBITRARY.call, "translate" => SPACING_WITH_ARBITRARY.call, }, class_groups: { # rubocop:disable Metrics/CollectionLiteralLength # Layout ## # Aspect Ratio # @see https://tailwindcss.com/docs/aspect-ratio ## "aspect" => [{ "aspect" => ["auto", "square", "video", IS_ARBITRARY_VALUE] }], ## # Container # @see https://tailwindcss.com/docs/container ## "container" => ["container"], ## # Columns # @see https://tailwindcss.com/docs/columns ## "columns" => [{ "columns" => [IS_TSHIRT_SIZE] }], ## # Break After # @see https://tailwindcss.com/docs/break-after ## "break-after" => [{ "break-after" => BREAKS.call }], ## # Break Before # @see https://tailwindcss.com/docs/break-before ## "break-before" => [{ "break-before" => BREAKS.call }], ## # Break Inside # @see https://tailwindcss.com/docs/break-inside ## "break-inside" => [{ "break-inside" => ["auto", "avoid", "avoid-page", "avoid-column"] }], ## # Box Decoration Break # @see https://tailwindcss.com/docs/box-decoration-break ## "box-decoration" => [{ "box-decoration" => ["slice", "clone"] }], ## # Box Sizing # @see https://tailwindcss.com/docs/box-sizing ## "box" => [{ "box" => ["border", "content"] }], ## # Display # @see https://tailwindcss.com/docs/display ## "display" => [ "block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden", ], ## # Floats # @see https://tailwindcss.com/docs/float ## "float" => [{ "float" => ["right", "left", "none", "start", "end"] }], ## # Clear # @see https://tailwindcss.com/docs/clear ## "clear" => [{ "clear" => ["left", "right", "both", "none", "start", "end"] }], ## # Isolation # @see https://tailwindcss.com/docs/isolation ## "isolation" => ["isolate", "isolation-auto"], ## # Object Fit # @see https://tailwindcss.com/docs/object-fit ## "object-fit" => [{ "object" => ["contain", "cover", "fill", "none", "scale-down"] }], ## # Object Position # @see https://tailwindcss.com/docs/object-position ## "object-position" => [{ "object" => [*POSITIONS.call, IS_ARBITRARY_VALUE] }], ## # Overflow # @see https://tailwindcss.com/docs/overflow ## "overflow" => [{ "overflow" => OVERFLOW.call }], ## # Overflow X # @see https://tailwindcss.com/docs/overflow ## "overflow-x" => [{ "overflow-x" => OVERFLOW.call }], ## # Overflow Y # @see https://tailwindcss.com/docs/overflow ## "overflow-y" => [{ "overflow-y" => OVERFLOW.call }], ## # Overscroll Behavior # @see https://tailwindcss.com/docs/overscroll-behavior ## "overscroll" => [{ "overscroll" => OVERSCROLL.call }], ## # Overscroll Behavior X # @see https://tailwindcss.com/docs/overscroll-behavior ## "overscroll-x" => [{ "overscroll-x" => OVERSCROLL.call }], ## # Overscroll Behavior Y # @see https://tailwindcss.com/docs/overscroll-behavior ## "overscroll-y" => [{ "overscroll-y" => OVERSCROLL.call }], ## # Position # @see https://tailwindcss.com/docs/position ## "position" => ["static", "fixed", "absolute", "relative", "sticky"], ## # Top / Right / Bottom / Left # @see https://tailwindcss.com/docs/top-right-bottom-left ## "inset" => [{ "inset" => [INSET] }], ## # Right / Left # @see https://tailwindcss.com/docs/top-right-bottom-left ## "inset-x" => [{ "inset-x" => [INSET] }], ## # Top / Bottom # @see https://tailwindcss.com/docs/top-right-bottom-left ## "inset-y" => [{ "inset-y" => [INSET] }], # # Start # @see https://tailwindcss.com/docs/top-right-bottom-left # "start" => [{ "start" => [INSET] }], # # End # @see https://tailwindcss.com/docs/top-right-bottom-left # "end" => [{ "end" => [INSET] }], ## # Top # @see https://tailwindcss.com/docs/top-right-bottom-left ## "top" => [{ "top" => [INSET] }], ## # Right # @see https://tailwindcss.com/docs/top-right-bottom-left ## "right" => [{ "right" => [INSET] }], ## # Bottom # @see https://tailwindcss.com/docs/top-right-bottom-left ## "bottom" => [{ "bottom" => [INSET] }], ## # Left # @see https://tailwindcss.com/docs/top-right-bottom-left ## "left" => [{ "left" => [INSET] }], ## # Visibility # @see https://tailwindcss.com/docs/visibility ## "visibility" => ["visible", "invisible", "collapse"], ## # Z-Index # @see https://tailwindcss.com/docs/z-index ## "z" => [{ "z" => ["auto", IS_INTEGER, IS_ARBITRARY_VALUE] }], # Flexbox and Grid ## # Flex Basis # @see https://tailwindcss.com/docs/flex-basis ## "basis" => [{ "basis" => SPACING_WITH_AUTO_AND_ARBITRARY.call }], ## # Flex Direction # @see https://tailwindcss.com/docs/flex-direction ## "flex-direction" => [{ "flex" => ["row", "row-reverse", "col", "col-reverse"] }], ## # Flex Wrap # @see https://tailwindcss.com/docs/flex-wrap ## "flex-wrap" => [{ "flex" => ["wrap", "wrap-reverse", "nowrap"] }], ## # Flex # @see https://tailwindcss.com/docs/flex ## "flex" => [{ "flex" => ["1", "auto", "initial", "none", IS_ARBITRARY_VALUE] }], ## # Flex Grow # @see https://tailwindcss.com/docs/flex-grow ## "grow" => [{ "grow" => ZERO_AND_EMPTY.call }], ## # Flex Shrink # @see https://tailwindcss.com/docs/flex-shrink ## "shrink" => [{ "shrink" => ZERO_AND_EMPTY.call }], ## # Order # @see https://tailwindcss.com/docs/order ## "order" => [{ "order" => ["first", "last", "none", IS_INTEGER, IS_ARBITRARY_VALUE] }], ## # Grid Template Columns # @see https://tailwindcss.com/docs/grid-template-columns ## "grid-cols" => [{ "grid-cols" => [IS_ANY] }], ## # Grid Column Start / End # @see https://tailwindcss.com/docs/grid-column ## "col-start-end" => [{ "col" => ["auto", { "span" => ["full", IS_INTEGER, IS_ARBITRARY_VALUE] }, IS_ARBITRARY_VALUE] }], ## # Grid Column Start # @see https://tailwindcss.com/docs/grid-column ## "col-start" => [{ "col-start" => NUMBER_WITH_AUTO_AND_ARBITRARY.call }], ## # Grid Column End # @see https://tailwindcss.com/docs/grid-column ## "col-end" => [{ "col-end" => NUMBER_WITH_AUTO_AND_ARBITRARY.call }], ## # Grid Template Rows # @see https://tailwindcss.com/docs/grid-template-rows ## "grid-rows" => [{ "grid-rows" => [IS_ANY] }], ## # Grid Row Start / End # @see https://tailwindcss.com/docs/grid-row ## "row-start-end" => [{ "row" => ["auto", { "span" => [IS_INTEGER, IS_ARBITRARY_VALUE] }, IS_ARBITRARY_VALUE] }], ## # Grid Row Start # @see https://tailwindcss.com/docs/grid-row ## "row-start" => [{ "row-start" => NUMBER_WITH_AUTO_AND_ARBITRARY.call }], ## # Grid Row End # @see https://tailwindcss.com/docs/grid-row ## "row-end" => [{ "row-end" => NUMBER_WITH_AUTO_AND_ARBITRARY.call }], ## # Grid Auto Flow # @see https://tailwindcss.com/docs/grid-auto-flow ## "grid-flow" => [{ "grid-flow" => ["row", "col", "dense", "row-dense", "col-dense"] }], ## # Grid Auto Columns # @see https://tailwindcss.com/docs/grid-auto-columns ## "auto-cols" => [{ "auto-cols" => ["auto", "min", "max", "fr", IS_ARBITRARY_VALUE] }], ## # Grid Auto Rows # @see https://tailwindcss.com/docs/grid-auto-rows ## "auto-rows" => [{ "auto-rows" => ["auto", "min", "max", "fr", IS_ARBITRARY_VALUE] }], ## # Gap # @see https://tailwindcss.com/docs/gap ## "gap" => [{ "gap" => [GAP] }], ## # Gap X # @see https://tailwindcss.com/docs/gap ## "gap-x" => [{ "gap-x" => [GAP] }], ## # Gap Y # @see https://tailwindcss.com/docs/gap ## "gap-y" => [{ "gap-y" => [GAP] }], ## # Justify Content # @see https://tailwindcss.com/docs/justify-content ## "justify-content" => [{ "justify" => ["normal", *ALIGN.call] }], ## # Justify Items # @see https://tailwindcss.com/docs/justify-items ## "justify-items" => [{ "justify-items" => ["start", "end", "center", "stretch"] }], ## # Justify Self # @see https://tailwindcss.com/docs/justify-self ## "justify-self" => [{ "justify-self" => ["auto", "start", "end", "center", "stretch"] }], ## # Align Content # @see https://tailwindcss.com/docs/align-content ## "align-content" => [{ "content" => ["normal", *ALIGN.call, "baseline"] }], ## # Align Items # @see https://tailwindcss.com/docs/align-items ## "align-items" => [{ "items" => ["start", "end", "center", "baseline", "stretch"] }], ## # Align Self # @see https://tailwindcss.com/docs/align-self ## "align-self" => [{ "self" => ["auto", "start", "end", "center", "stretch", "baseline"] }], ## # Place Content # @see https://tailwindcss.com/docs/place-content ## "place-content" => [{ "place-content" => [*ALIGN.call, "baseline"] }], ## # Place Items # @see https://tailwindcss.com/docs/place-items ## "place-items" => [{ "place-items" => ["start", "end", "center", "baseline", "stretch"] }], ## # Place Self # @see https://tailwindcss.com/docs/place-self ## "place-self" => [{ "place-self" => ["auto", "start", "end", "center", "stretch"] }], # Spacing ## # Padding # @see https://tailwindcss.com/docs/padding ## "p" => [{ "p" => [PADDING] }], ## # Padding X # @see https://tailwindcss.com/docs/padding ## "px" => [{ "px" => [PADDING] }], ## # Padding Y # @see https://tailwindcss.com/docs/padding ## "py" => [{ "py" => [PADDING] }], # # Padding Start # @see https://tailwindcss.com/docs/padding # "ps" => [{ "ps" => [PADDING] }], # # Padding End # @see https://tailwindcss.com/docs/padding # "pe" => [{ "pe" => [PADDING] }], ## # Padding Top # @see https://tailwindcss.com/docs/padding ## "pt" => [{ "pt" => [PADDING] }], ## # Padding Right # @see https://tailwindcss.com/docs/padding ## "pr" => [{ "pr" => [PADDING] }], ## # Padding Bottom # @see https://tailwindcss.com/docs/padding ## "pb" => [{ "pb" => [PADDING] }], ## # Padding Left # @see https://tailwindcss.com/docs/padding ## "pl" => [{ "pl" => [PADDING] }], ## # Margin # @see https://tailwindcss.com/docs/margin ## "m" => [{ "m" => [MARGIN] }], ## # Margin X # @see https://tailwindcss.com/docs/margin ## "mx" => [{ "mx" => [MARGIN] }], ## # Margin Y # @see https://tailwindcss.com/docs/margin ## "my" => [{ "my" => [MARGIN] }], # # Margin Start # @see https://tailwindcss.com/docs/margin # "ms" => [{ "ms" => [MARGIN] }], # # Margin End # @see https://tailwindcss.com/docs/margin # "me" => [{ "me" => [MARGIN] }], ## # Margin Top # @see https://tailwindcss.com/docs/margin ## "mt" => [{ "mt" => [MARGIN] }], ## # Margin Right # @see https://tailwindcss.com/docs/margin ## "mr" => [{ "mr" => [MARGIN] }], ## # Margin Bottom # @see https://tailwindcss.com/docs/margin ## "mb" => [{ "mb" => [MARGIN] }], ## # Margin Left # @see https://tailwindcss.com/docs/margin ## "ml" => [{ "ml" => [MARGIN] }], ## # Space Between X # @see https://tailwindcss.com/docs/space ## "space-x" => [{ "space-x" => [SPACE] }], ## # Space Between X Reverse # @see https://tailwindcss.com/docs/space ## "space-x-reverse" => ["space-x-reverse"], ## # Space Between Y # @see https://tailwindcss.com/docs/space ## "space-y" => [{ "space-y" => [SPACE] }], ## # Space Between Y Reverse # @see https://tailwindcss.com/docs/space ## "space-y-reverse" => ["space-y-reverse"], # Sizing ## # Width # @see https://tailwindcss.com/docs/width ## "w" => [{ "w" => [ "auto", "min", "max", "fit", "svw", "lvw", "dvw", IS_ARBITRARY_VALUE, SPACING, ], }], ## # Min-Width # @see https://tailwindcss.com/docs/min-width ## "min-w" => [{ "min-w" => [IS_ARBITRARY_VALUE, SPACING, "min", "max", "fit"] }], ## # Max-Width # @see https://tailwindcss.com/docs/max-width ## "max-w" => [ { "max-w" => [ IS_ARBITRARY_VALUE, SPACING, "none", "full", "min", "max", "fit", "prose", { "screen" => [IS_TSHIRT_SIZE] }, IS_TSHIRT_SIZE, ], }, ], ## # Height # @see https://tailwindcss.com/docs/height ## "h" => [{ "h" => [IS_ARBITRARY_VALUE, SPACING, "auto", "min", "max", "fit", "svh", "lvh", "dvh"] }], ## # Min-Height # @see https://tailwindcss.com/docs/min-height ## "min-h" => [{ "min-h" => [IS_ARBITRARY_VALUE, SPACING, "min", "max", "fit", "svh", "lvh", "dvh"] }], ## # Max-Height # @see https://tailwindcss.com/docs/max-height ## "max-h" => [{ "max-h" => [IS_ARBITRARY_VALUE, SPACING, "min", "max", "fit", "svh", "lvh", "dvh"] }], ## # Size # @see https://tailwindcss.com/docs/size ## "size" => [{ "size" => [IS_ARBITRARY_VALUE, SPACING, "auto", "min", "max", "fit"] }], # Typography ## # Font Size # @see https://tailwindcss.com/docs/font-size ## "font-size" => [{ "text" => ["base", IS_TSHIRT_SIZE, IS_ARBITRARY_LENGTH] }], ## # Font Smoothing # @see https://tailwindcss.com/docs/font-smoothing ## "font-smoothing" => ["antialiased", "subpixel-antialiased"], ## # Font Style # @see https://tailwindcss.com/docs/font-style ## "font-style" => ["italic", "not-italic"], ## # Font Weight # @see https://tailwindcss.com/docs/font-weight ## "font-weight" => [ { "font" => [ "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", IS_ARBITRARY_NUMBER, ], }, ], ## # Font Family # @see https://tailwindcss.com/docs/font-family ## "font-family" => [{ "font" => [IS_ANY] }], ## # Font Variant Numeric # @see https://tailwindcss.com/docs/font-variant-numeric ## "fvn-normal" => ["normal-nums"], ## # Font Variant Numeric # @see https://tailwindcss.com/docs/font-variant-numeric ## "fvn-ordinal" => ["ordinal"], ## # Font Variant Numeric # @see https://tailwindcss.com/docs/font-variant-numeric ## "fvn-slashed-zero" => ["slashed-zero"], ## # Font Variant Numeric # @see https://tailwindcss.com/docs/font-variant-numeric ## "fvn-figure" => ["lining-nums", "oldstyle-nums"], ## # Font Variant Numeric # @see https://tailwindcss.com/docs/font-variant-numeric ## "fvn-spacing" => ["proportional-nums", "tabular-nums"], ## # Font Variant Numeric # @see https://tailwindcss.com/docs/font-variant-numeric ## "fvn-fraction" => ["diagonal-fractions", "stacked-fractons"], ## # Letter Spacing # @see https://tailwindcss.com/docs/letter-spacing ## "tracking" => [ { "tracking" => [ "tighter", "tight", "normal", "wide", "wider", "widest", IS_ARBITRARY_VALUE, ], }, # rubocop:enable Metrics/CollectionLiteralLength ], # # Line Clamp # @see https://tailwindcss.com/docs/line-clamp # "line-clamp" => [{ "line-clamp" => ["none", IS_NUMBER, IS_ARBITRARY_NUMBER] }], ## # Line Height # @see https://tailwindcss.com/docs/line-height ## "leading" => [ { "leading" => ["none", "tight", "snug", "normal", "relaxed", "loose", IS_LENGTH, IS_ARBITRARY_VALUE] }, ], # # List Style Image # @see https://tailwindcss.com/docs/list-style-image # "list-image" => [{ "list-image" => ["none", IS_ARBITRARY_VALUE] }], ## # List Style Type # @see https://tailwindcss.com/docs/list-style-type ## "list-style-type" => [{ "list" => ["none", "disc", "decimal", IS_ARBITRARY_VALUE] }], ## # List Style Position # @see https://tailwindcss.com/docs/list-style-position ## "list-style-position" => [{ "list" => ["inside", "outside"] }], ## # Placeholder Color # @deprecated since Tailwind CSS v3.0.0 # @see https://tailwindcss.com/docs/placeholder-color ## "placeholder-color" => [{ "placeholder" => [COLORS] }], ## # Placeholder Opacity # @see https://tailwindcss.com/docs/placeholder-opacity ## "placeholder-opacity" => [{ "placeholder-opacity" => [OPACITY] }], ## # Text Alignment # @see https://tailwindcss.com/docs/text-align ## "text-alignment" => [{ "text" => ["left", "center", "right", "justify", "start", "end"] }], ## # Text Color # @see https://tailwindcss.com/docs/text-color ## "text-color" => [{ "text" => [COLORS] }], ## # Text Opacity # @see https://tailwindcss.com/docs/text-opacity ## "text-opacity" => [{ "text-opacity" => [OPACITY] }], ## # Text Decoration # @see https://tailwindcss.com/docs/text-decoration ## "text-decoration" => ["underline", "overline", "line-through", "no-underline"], ## # Text Decoration Style # @see https://tailwindcss.com/docs/text-decoration-style ## "text-decoration-style" => [{ "decoration" => [*LINE_STYLES.call, "wavy"] }], ## # Text Decoration Thickness # @see https://tailwindcss.com/docs/text-decoration-thickness ## "text-decoration-thickness" => [{ "decoration" => ["auto", "from-font", IS_LENGTH, IS_ARBITRARY_LENGTH] }], ## # Text Underline Offset # @see https://tailwindcss.com/docs/text-underline-offset ## "underline-offset" => [{ "underline-offset" => ["auto", IS_LENGTH, IS_ARBITRARY_VALUE] }], ## # Text Decoration Color # @see https://tailwindcss.com/docs/text-decoration-color ## "text-decoration-color" => [{ "decoration" => [COLORS] }], ## # Text Transform # @see https://tailwindcss.com/docs/text-transform ## "text-transform" => ["uppercase", "lowercase", "capitalize", "normal-case"], ## # Text Overflow # @see https://tailwindcss.com/docs/text-overflow ## "text-overflow" => ["truncate", "text-ellipsis", "text-clip"], ## # Text Wrap # @see https://tailwindcss.com/docs/text-wrap ## "text-wrap" => [{ "text" => ["wrap", "nowrap", "balance", "pretty"] }], ## # Text Indent # @see https://tailwindcss.com/docs/text-indent ## "indent" => [{ "indent" => SPACING_WITH_ARBITRARY.call }], ## # Vertical Alignment # @see https://tailwindcss.com/docs/vertical-align ## "vertical-align" => [ { "align" => [ "baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", IS_ARBITRARY_VALUE, ], }, ], ## # Whitespace # @see https://tailwindcss.com/docs/whitespace ## "whitespace" => [{ "whitespace" => ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"] }], ## # Word Break # @see https://tailwindcss.com/docs/word-break ## "break" => [{ "break" => ["normal", "words", "all", "keep"] }], # # Hyphens # @see https://tailwindcss.com/docs/hyphens # "hyphens" => [{ "hyphens" => ["none", "manual", "auto"] }], ## # Content # @see https://tailwindcss.com/docs/content ## "content" => [{ "content" => ["none", IS_ARBITRARY_VALUE] }], # Backgrounds ## # Background Attachment # @see https://tailwindcss.com/docs/background-attachment ## "bg-attachment" => [{ "bg" => ["fixed", "local", "scroll"] }], ## # Background Clip # @see https://tailwindcss.com/docs/background-clip ## "bg-clip" => [{ "bg-clip" => ["border", "padding", "content", "text"] }], ## # Background Opacity # @deprecated since Tailwind CSS v3.0.0 # @see https://tailwindcss.com/docs/background-opacity ## "bg-opacity" => [{ "bg-opacity" => [OPACITY] }], ## # Background Origin # @see https://tailwindcss.com/docs/background-origin ## "bg-origin" => [{ "bg-origin" => ["border", "padding", "content"] }], ## # Background Position # @see https://tailwindcss.com/docs/background-position ## "bg-position" => [{ "bg" => [*POSITIONS.call, IS_ARBITRARY_POSITION] }], ## # Background Repeat # @see https://tailwindcss.com/docs/background-repeat ## "bg-repeat" => [{ "bg" => ["no-repeat", { "repeat" => ["", "x", "y", "round", "space"] }] }], ## # Background Size # @see https://tailwindcss.com/docs/background-size ## "bg-size" => [{ "bg" => ["auto", "cover", "contain", IS_ARBITRARY_SIZE] }], ## # Background Image # @see https://tailwindcss.com/docs/background-image ## "bg-image" => [ { "bg" => [ "none", { "gradient-to" => ["t", "tr", "r", "br", "b", "bl", "l", "tl"] }, IS_ARBITRARY_IMAGE, ], }, ], ## # Background Color # @see https://tailwindcss.com/docs/background-color ## "bg-color" => [{ "bg" => [COLORS] }], # # Gradient Color Stops From Position # @see https://tailwindcss.com/docs/gradient-color-stops # "gradient-from-pos" => [{ "from" => [GRADIENT_COLOR_STOP_POSITIONS] }], # # Gradient Color Stops Via Position # @see https://tailwindcss.com/docs/gradient-color-stops # "gradient-via-pos" => [{ "via" => [GRADIENT_COLOR_STOP_POSITIONS] }], # # Gradient Color Stops To Position # @see https://tailwindcss.com/docs/gradient-color-stops # "gradient-to-pos" => [{ "to" => [GRADIENT_COLOR_STOP_POSITIONS] }], ## # Gradient Color Stops From # @see https://tailwindcss.com/docs/gradient-color-stops ## "gradient-from" => [{ "from" => [GRADIENT_COLOR_STOPS] }], ## # Gradient Color Stops Via # @see https://tailwindcss.com/docs/gradient-color-stops ## "gradient-via" => [{ "via" => [GRADIENT_COLOR_STOPS] }], ## # Gradient Color Stops To # @see https://tailwindcss.com/docs/gradient-color-stops ## "gradient-to" => [{ "to" => [GRADIENT_COLOR_STOPS] }], # Borders ## # Border Radius # @see https://tailwindcss.com/docs/border-radius ## "rounded" => [{ "rounded" => [BORDER_RADIUS] }], # # Border Radius Start # @see https://tailwindcss.com/docs/border-radius # "rounded-s" => [{ "rounded-s" => [BORDER_RADIUS] }], # # Border Radius End # @see https://tailwindcss.com/docs/border-radius # "rounded-e" => [{ "rounded-e" => [BORDER_RADIUS] }], ## # Border Radius Top # @see https://tailwindcss.com/docs/border-radius ## "rounded-t" => [{ "rounded-t" => [BORDER_RADIUS] }], ## # Border Radius Right # @see https://tailwindcss.com/docs/border-radius ## "rounded-r" => [{ "rounded-r" => [BORDER_RADIUS] }], ## # Border Radius Bottom # @see https://tailwindcss.com/docs/border-radius ## "rounded-b" => [{ "rounded-b" => [BORDER_RADIUS] }], ## # Border Radius Left # @see https://tailwindcss.com/docs/border-radius ## "rounded-l" => [{ "rounded-l" => [BORDER_RADIUS] }], # # Border Radius Start Start # @see https://tailwindcss.com/docs/border-radius # "rounded-ss" => [{ "rounded-ss" => [BORDER_RADIUS] }], # # Border Radius Start End # @see https://tailwindcss.com/docs/border-radius # "rounded-se" => [{ "rounded-se" => [BORDER_RADIUS] }], # # Border Radius End End # @see https://tailwindcss.com/docs/border-radius # "rounded-ee" => [{ "rounded-ee" => [BORDER_RADIUS] }], # # Border Radius End Start # @see https://tailwindcss.com/docs/border-radius # "rounded-es" => [{ "rounded-es" => [BORDER_RADIUS] }], ## # Border Radius Top Left # @see https://tailwindcss.com/docs/border-radius ## "rounded-tl" => [{ "rounded-tl" => [BORDER_RADIUS] }], ## # Border Radius Top Right # @see https://tailwindcss.com/docs/border-radius ## "rounded-tr" => [{ "rounded-tr" => [BORDER_RADIUS] }], ## # Border Radius Bottom Right # @see https://tailwindcss.com/docs/border-radius ## "rounded-br" => [{ "rounded-br" => [BORDER_RADIUS] }], ## # Border Radius Bottom Left # @see https://tailwindcss.com/docs/border-radius ## "rounded-bl" => [{ "rounded-bl" => [BORDER_RADIUS] }], ## # Border Width # @see https://tailwindcss.com/docs/border-width ## "border-w" => [{ "border" => [BORDER_WIDTH] }], ## # Border Width X # @see https://tailwindcss.com/docs/border-width ## "border-w-x" => [{ "border-x" => [BORDER_WIDTH] }], ## # Border Width Y # @see https://tailwindcss.com/docs/border-width ## "border-w-y" => [{ "border-y" => [BORDER_WIDTH] }], # # Border Width Start # @see https://tailwindcss.com/docs/border-width # "border-w-s" => [{ "border-s" => [BORDER_WIDTH] }], # # Border Width End # @see https://tailwindcss.com/docs/border-width # "border-w-e" => [{ "border-e" => [BORDER_WIDTH] }], ## # Border Width Top # @see https://tailwindcss.com/docs/border-width ## "border-w-t" => [{ "border-t" => [BORDER_WIDTH] }], ## # Border Width Right # @see https://tailwindcss.com/docs/border-width ## "border-w-r" => [{ "border-r" => [BORDER_WIDTH] }], ## # Border Width Bottom # @see https://tailwindcss.com/docs/border-width ## "border-w-b" => [{ "border-b" => [BORDER_WIDTH] }], ## # Border Width Left # @see https://tailwindcss.com/docs/border-width ## "border-w-l" => [{ "border-l" => [BORDER_WIDTH] }], ## # Border Opacity # @see https://tailwindcss.com/docs/border-opacity ## "border-opacity" => [{ "border-opacity" => [OPACITY] }], ## # Border Style # @see https://tailwindcss.com/docs/border-style ## "border-style" => [{ "border" => [*LINE_STYLES.call, "hidden"] }], ## # Divide Width X # @see https://tailwindcss.com/docs/divide-width ## "divide-x" => [{ "divide-x" => [BORDER_WIDTH] }], ## # Divide Width X Reverse # @see https://tailwindcss.com/docs/divide-width ## "divide-x-reverse" => ["divide-x-reverse"], ## # Divide Width Y # @see https://tailwindcss.com/docs/divide-width ## "divide-y" => [{ "divide-y" => [BORDER_WIDTH] }], ## # Divide Width Y Reverse # @see https://tailwindcss.com/docs/divide-width ## "divide-y-reverse" => ["divide-y-reverse"], ## # Divide Opacity # @see https://tailwindcss.com/docs/divide-opacity ## "divide-opacity" => [{ "divide-opacity" => [OPACITY] }], ## # Divide Style # @see https://tailwindcss.com/docs/divide-style ## "divide-style" => [{ "divide" => LINE_STYLES.call }], ## # Border Color # @see https://tailwindcss.com/docs/border-color ## "border-color" => [{ "border" => [BORDER_COLOR] }], ## # Border Color X # @see https://tailwindcss.com/docs/border-color ## "border-color-x" => [{ "border-x" => [BORDER_COLOR] }], ## # Border Color Y # @see https://tailwindcss.com/docs/border-color ## "border-color-y" => [{ "border-y" => [BORDER_COLOR] }], ## # Border Color Top # @see https://tailwindcss.com/docs/border-color ## "border-color-t" => [{ "border-t" => [BORDER_COLOR] }], ## # Border Color Right # @see https://tailwindcss.com/docs/border-color ## "border-color-r" => [{ "border-r" => [BORDER_COLOR] }], ## # Border Color Bottom # @see https://tailwindcss.com/docs/border-color ## "border-color-b" => [{ "border-b" => [BORDER_COLOR] }], ## # Border Color Left # @see https://tailwindcss.com/docs/border-color ## "border-color-l" => [{ "border-l" => [BORDER_COLOR] }], ## # Divide Color # @see https://tailwindcss.com/docs/divide-color ## "divide-color" => [{ "divide" => [BORDER_COLOR] }], ## # Outline Style # @see https://tailwindcss.com/docs/outline-style ## "outline-style" => [{ "outline" => ["", *LINE_STYLES.call] }], ## # Outline Offset # @see https://tailwindcss.com/docs/outline-offset ## "outline-offset" => [{ "outline-offset" => [IS_LENGTH, IS_ARBITRARY_VALUE] }], ## # Outline Width # @see https://tailwindcss.com/docs/outline-width ## "outline-w" => [{ "outline" => [IS_LENGTH, IS_ARBITRARY_LENGTH] }], ## # Outline Color # @see https://tailwindcss.com/docs/outline-color ## "outline-color" => [{ "outline" => [COLORS] }], ## # Ring Width # @see https://tailwindcss.com/docs/ring-width ## "ring-w" => [{ "ring" => LENGTH_WITH_EMPTY_AND_ARBITRARY.call }], ## # Ring Width Inset # @see https://tailwindcss.com/docs/ring-width ## "ring-w-inset" => ["ring-inset"], ## # Ring Color # @see https://tailwindcss.com/docs/ring-color ## "ring-color" => [{ "ring" => [COLORS] }], ## # Ring Opacity # @see https://tailwindcss.com/docs/ring-opacity ## "ring-opacity" => [{ "ring-opacity" => [OPACITY] }], ## # Ring Offset Width # @see https://tailwindcss.com/docs/ring-offset-width ## "ring-offset-w" => [{ "ring-offset" => [IS_LENGTH, IS_ARBITRARY_LENGTH] }], ## # Ring Offset Color # @see https://tailwindcss.com/docs/ring-offset-color ## "ring-offset-color" => [{ "ring-offset" => [COLORS] }], # Effects ## # Box Shadow # @see https://tailwindcss.com/docs/box-shadow ## "shadow" => [{ "shadow" => ["", "inner", "none", IS_TSHIRT_SIZE, IS_ARBITRARY_SHADOW] }], ## # Box Shadow Color # @see https://tailwindcss.com/docs/box-shadow-color ## "shadow-color" => [{ "shadow" => [IS_ANY] }], ## # Opacity # @see https://tailwindcss.com/docs/opacity ## "opacity" => [{ "opacity" => [OPACITY] }], ## # Mix Blend Mode # @see https://tailwindcss.com/docs/mix-blend-mode ## "mix-blend" => [{ "mix-blend" => BLEND_MODES.call.push("plus-lighter", "plus-darker") }], ## # Background Blend Mode # @see https://tailwindcss.com/docs/background-blend-mode ## "bg-blend" => [{ "bg-blend" => BLEND_MODES.call }], # Filters ## # Filter # @deprecated since Tailwind CSS v3.0.0 # @see https://tailwindcss.com/docs/filter ## "filter" => [{ "filter" => ["", "none"] }], ## # Blur # @see https://tailwindcss.com/docs/blur ## "blur" => [{ "blur" => [BLUR] }], ## # Brightness # @see https://tailwindcss.com/docs/brightness ## "brightness" => [{ "brightness" => [BRIGHTNESS] }], ## # Contrast # @see https://tailwindcss.com/docs/contrast ## "contrast" => [{ "contrast" => [CONTRAST] }], ## # Drop Shadow # @see https://tailwindcss.com/docs/drop-shadow ## "drop-shadow" => [{ "drop-shadow" => ["", "none", IS_TSHIRT_SIZE, IS_ARBITRARY_VALUE] }], ## # Grayscale # @see https://tailwindcss.com/docs/grayscale ## "grayscale" => [{ "grayscale" => [GRAYSCALE] }], ## # Hue Rotate # @see https://tailwindcss.com/docs/hue-rotate ## "hue-rotate" => [{ "hue-rotate" => [HUE_ROTATE] }], ## # Invert # @see https://tailwindcss.com/docs/invert ## "invert" => [{ "invert" => [INVERT] }], ## # Saturate # @see https://tailwindcss.com/docs/saturate ## "saturate" => [{ "saturate" => [SATURATE] }], ## # Sepia # @see https://tailwindcss.com/docs/sepia ## "sepia" => [{ "sepia" => [SEPIA] }], ## # Backdrop Filter # @deprecated since Tailwind CSS v3.0.0 # @see https://tailwindcss.com/docs/backdrop-filter ## "backdrop-filter" => [{ "backdrop-filter" => ["", "none"] }], ## # Backdrop Blur # @see https://tailwindcss.com/docs/backdrop-blur ## "backdrop-blur" => [{ "backdrop-blur" => [BLUR] }], ## # Backdrop Brightness # @see https://tailwindcss.com/docs/backdrop-brightness ## "backdrop-brightness" => [{ "backdrop-brightness" => [BRIGHTNESS] }], ## # Backdrop Contrast # @see https://tailwindcss.com/docs/backdrop-contrast ## "backdrop-contrast" => [{ "backdrop-contrast" => [CONTRAST] }], ## # Backdrop Grayscale # @see https://tailwindcss.com/docs/backdrop-grayscale ## "backdrop-grayscale" => [{ "backdrop-grayscale" => [GRAYSCALE] }], ## # Backdrop Hue Rotate # @see https://tailwindcss.com/docs/backdrop-hue-rotate ## "backdrop-hue-rotate" => [{ "backdrop-hue-rotate" => [HUE_ROTATE] }], ## # Backdrop Invert # @see https://tailwindcss.com/docs/backdrop-invert ## "backdrop-invert" => [{ "backdrop-invert" => [INVERT] }], ## # Backdrop Opacity # @see https://tailwindcss.com/docs/backdrop-opacity ## "backdrop-opacity" => [{ "backdrop-opacity" => [OPACITY] }], ## # Backdrop Saturate # @see https://tailwindcss.com/docs/backdrop-saturate ## "backdrop-saturate" => [{ "backdrop-saturate" => [SATURATE] }], ## # Backdrop Sepia # @see https://tailwindcss.com/docs/backdrop-sepia ## "backdrop-sepia" => [{ "backdrop-sepia" => [SEPIA] }], # Tables ## # Border Collapse # @see https://tailwindcss.com/docs/border-collapse ## "border-collapse" => [{ "border" => ["collapse", "separate"] }], ## # Border Spacing # @see https://tailwindcss.com/docs/border-spacing ## "border-spacing" => [{ "border-spacing" => [BORDER_SPACING] }], ## # Border Spacing X # @see https://tailwindcss.com/docs/border-spacing ## "border-spacing-x" => [{ "border-spacing-x" => [BORDER_SPACING] }], ## # Border Spacing Y # @see https://tailwindcss.com/docs/border-spacing ## "border-spacing-y" => [{ "border-spacing-y" => [BORDER_SPACING] }], ## # Table Layout # @see https://tailwindcss.com/docs/table-layout ## "table-layout" => [{ "table" => ["auto", "fixed"] }], # # Caption Side # @see https://tailwindcss.com/docs/caption-side # "caption" => [{ "caption" => ["top", "bottom"] }], # Transitions and Animation ## # Tranisition Property # @see https://tailwindcss.com/docs/transition-property ## "transition" => [ { "transition" => [ "none", "all", "", "colors", "opacity", "shadow", "transform", IS_ARBITRARY_VALUE, ], }, ], ## # Transition Duration # @see https://tailwindcss.com/docs/transition-duration ## "duration" => [{ "duration" => NUMBER_AND_ARBITRARY.call }], ## # Transition Timing Function # @see https://tailwindcss.com/docs/transition-timing-function ## "ease" => [{ "ease" => ["linear", "in", "out", "in-out", IS_ARBITRARY_VALUE] }], ## # Transition Delay # @see https://tailwindcss.com/docs/transition-delay ## "delay" => [{ "delay" => NUMBER_AND_ARBITRARY.call }], ## # Animation # @see https://tailwindcss.com/docs/animation ## "animate" => [{ "animate" => ["none", "spin", "ping", "pulse", "bounce", IS_ARBITRARY_VALUE] }], # Transforms ## # Transform # @see https://tailwindcss.com/docs/transform ## "transform" => [{ "transform" => ["", "gpu", "none"] }], ## # Scale # @see https://tailwindcss.com/docs/scale ## "scale" => [{ "scale" => [SCALE] }], ## # Scale X # @see https://tailwindcss.com/docs/scale ## "scale-x" => [{ "scale-x" => [SCALE] }], ## # Scale Y # @see https://tailwindcss.com/docs/scale ## "scale-y" => [{ "scale-y" => [SCALE] }], ## # Rotate # @see https://tailwindcss.com/docs/rotate ## "rotate" => [{ "rotate" => [IS_INTEGER, IS_ARBITRARY_VALUE] }], ## # Translate X # @see https://tailwindcss.com/docs/translate ## "translate-x" => [{ "translate-x" => [TRANSLATE] }], ## # Translate Y # @see https://tailwindcss.com/docs/translate ## "translate-y" => [{ "translate-y" => [TRANSLATE] }], ## # Skew X # @see https://tailwindcss.com/docs/skew ## "skew-x" => [{ "skew-x" => [SKEW] }], ## # Skew Y # @see https://tailwindcss.com/docs/skew ## "skew-y" => [{ "skew-y" => [SKEW] }], ## # Transform Origin # @see https://tailwindcss.com/docs/transform-origin ## "transform-origin" => [ { "origin" => [ "center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", IS_ARBITRARY_VALUE, ], }, ], # Interactivity ## # Accent Color # @see https://tailwindcss.com/docs/accent-color ## "accent" => [{ "accent" => ["auto", COLORS] }], ## # Appearance # @see https://tailwindcss.com/docs/appearance ## "appearance" => [{ "appearance" => ["none", "auto"] }], ## # Cursor # @see https://tailwindcss.com/docs/cursor ## "cursor" => [ { "cursor" => [ "auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", IS_ARBITRARY_VALUE, ], }, ], ## # Caret Color # @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities ## "caret-color" => [{ "caret" => [COLORS] }], ## # Pointer Events # @see https://tailwindcss.com/docs/pointer-events ## "pointer-events" => [{ "pointer-events" => ["none", "auto"] }], ## # Resize # @see https://tailwindcss.com/docs/resize ## "resize" => [{ "resize" => ["none", "y", "x", ""] }], ## # Scroll Behavior # @see https://tailwindcss.com/docs/scroll-behavior ## "scroll-behavior" => [{ "scroll" => ["auto", "smooth"] }], ## # Scroll Margin # @see https://tailwindcss.com/docs/scroll-margin ## "scroll-m" => [{ "scroll-m" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Margin X # @see https://tailwindcss.com/docs/scroll-margin ## "scroll-mx" => [{ "scroll-mx" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Margin Y # @see https://tailwindcss.com/docs/scroll-margin ## "scroll-my" => [{ "scroll-my" => SPACING_WITH_ARBITRARY.call }], # # Scroll Margin Start # @see https://tailwindcss.com/docs/scroll-margin # "scroll-ms" => [{ "scroll-ms" => SPACING_WITH_ARBITRARY.call }], # # Scroll Margin End # @see https://tailwindcss.com/docs/scroll-margin # "scroll-me" => [{ "scroll-me" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Margin Top # @see https://tailwindcss.com/docs/scroll-margin ## "scroll-mt" => [{ "scroll-mt" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Margin Right # @see https://tailwindcss.com/docs/scroll-margin ## "scroll-mr" => [{ "scroll-mr" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Margin Bottom # @see https://tailwindcss.com/docs/scroll-margin ## "scroll-mb" => [{ "scroll-mb" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Margin Left # @see https://tailwindcss.com/docs/scroll-margin ## "scroll-ml" => [{ "scroll-ml" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Padding # @see https://tailwindcss.com/docs/scroll-padding ## "scroll-p" => [{ "scroll-p" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Padding X # @see https://tailwindcss.com/docs/scroll-padding ## "scroll-px" => [{ "scroll-px" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Padding Y # @see https://tailwindcss.com/docs/scroll-padding ## "scroll-py" => [{ "scroll-py" => SPACING_WITH_ARBITRARY.call }], # # Scroll Padding Start # @see https://tailwindcss.com/docs/scroll-padding # "scroll-ps" => [{ "scroll-ps" => SPACING_WITH_ARBITRARY.call }], # # Scroll Padding End # @see https://tailwindcss.com/docs/scroll-padding # "scroll-pe" => [{ "scroll-pe" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Padding Top # @see https://tailwindcss.com/docs/scroll-padding ## "scroll-pt" => [{ "scroll-pt" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Padding Right # @see https://tailwindcss.com/docs/scroll-padding ## "scroll-pr" => [{ "scroll-pr" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Padding Bottom # @see https://tailwindcss.com/docs/scroll-padding ## "scroll-pb" => [{ "scroll-pb" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Padding Left # @see https://tailwindcss.com/docs/scroll-padding ## "scroll-pl" => [{ "scroll-pl" => SPACING_WITH_ARBITRARY.call }], ## # Scroll Snap Align # @see https://tailwindcss.com/docs/scroll-snap-align ## "snap-align" => [{ "snap" => ["start", "end", "center", "align-none"] }], ## # Scroll Snap Stop # @see https://tailwindcss.com/docs/scroll-snap-stop ## "snap-stop" => [{ "snap" => ["normal", "always"] }], ## # Scroll Snap Type # @see https://tailwindcss.com/docs/scroll-snap-type ## "snap-type" => [{ "snap" => ["none", "x", "y", "both"] }], ## # Scroll Snap Type Strictness # @see https://tailwindcss.com/docs/scroll-snap-type ## "snap-strictness" => [{ "snap" => ["mandatory", "proximity"] }], ## # Touch Action # @see https://tailwindcss.com/docs/touch-action ## "touch" => [ { "touch" => ["auto", "none", "manipulation"], }, ], ## # Touch Action X # @see https://tailwindcss.com/docs/touch-action ## "touch-x" => [ { "touch-pan" => ["x", "left", "right"], }, ], ## # Touch Action Y # @see https://tailwindcss.com/docs/touch-action ## "touch-y" => [ { "touch-pan" => ["y", "up", "down"], }, ], ## # Touch Action Pinch Zoom # @see https://tailwindcss.com/docs/touch-action ## "touch-pz" => ["touch-pinch-zoom"], ## # User Select # @see https://tailwindcss.com/docs/user-select ## "select" => [{ "select" => ["none", "text", "all", "auto"] }], ## # Will Change # @see https://tailwindcss.com/docs/will-change ## "will-change" => [ { "will-change" => ["auto", "scroll", "contents", "transform", IS_ARBITRARY_VALUE] }, ], # SVG ## # Fill # @see https://tailwindcss.com/docs/fill ## "fill" => [{ "fill" => [COLORS, "none"] }], ## # Stroke Width # @see https://tailwindcss.com/docs/stroke-width ## "stroke-w" => [{ "stroke" => [IS_LENGTH, IS_ARBITRARY_LENGTH, IS_ARBITRARY_NUMBER] }], ## # Stroke # @see https://tailwindcss.com/docs/stroke ## "stroke" => [{ "stroke" => [COLORS, "none"] }], # Accessibility ## # Screen Readers # @see https://tailwindcss.com/docs/screen-readers ## "sr" => ["sr-only", "not-sr-only"], ## # Forced Color Adjust # @see https://tailwindcss.com/docs/forced-color-adjust ## "forced-color-adjust" => [{ "forced-color-adjust": ["auto", "none"] }], }, conflicting_class_groups: { "overflow" => ["overflow-x", "overflow-y"], "overscroll" => ["overscroll-x", "overscroll-y"], "inset" => ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"], "inset-x" => ["right", "left"], "inset-y" => ["top", "bottom"], "flex" => ["basis", "grow", "shrink"], "gap" => ["gap-x", "gap-y"], "p" => ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"], "px" => ["pr", "pl"], "py" => ["pt", "pb"], "m" => ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"], "mx" => ["mr", "ml"], "my" => ["mt", "mb"], "size" => ["w", "h"], "font-size" => ["leading"], "fvn-normal" => [ "fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction", ], "fvn-ordinal" => ["fvn-normal"], "fvn-slashed-zero" => ["fvn-normal"], "fvn-figure" => ["fvn-normal"], "fvn-spacing" => ["fvn-normal"], "fvn-fraction" => ["fvn-normal"], "line-clamp" => ["display", "overflow"], "rounded" => [ "rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl", ], "rounded-s" => ["rounded-ss", "rounded-es"], "rounded-e" => ["rounded-se", "rounded-ee"], "rounded-t" => ["rounded-tl", "rounded-tr"], "rounded-r" => ["rounded-tr", "rounded-br"], "rounded-b" => ["rounded-br", "rounded-bl"], "rounded-l" => ["rounded-tl", "rounded-bl"], "border-spacing" => ["border-spacing-x", "border-spacing-y"], "border-w" => [ "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l", ], "border-w-x" => ["border-w-r", "border-w-l"], "border-w-y" => ["border-w-t", "border-w-b"], "border-color" => [ "border-color-t", "border-color-r", "border-color-b", "border-color-l", ], "border-color-x" => ["border-color-r", "border-color-l"], "border-color-y" => ["border-color-t", "border-color-b"], "scroll-m" => [ "scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml", ], "scroll-mx" => ["scroll-mr", "scroll-ml"], "scroll-my" => ["scroll-mt", "scroll-mb"], "scroll-p" => [ "scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl", ], "scroll-px" => ["scroll-pr", "scroll-pl"], "scroll-py" => ["scroll-pt", "scroll-pb"], "touch" => ["touch-x", "touch-y", "touch-pz"], "touch-x" => ["touch"], "touch-y" => ["touch"], "touch-pz" => ["touch"], }, conflicting_class_group_modifiers: { "font-size": ["leading"], }, }.freeze
Constants included from Validators
Validators::ARBITRARY_VALUE_REGEX, Validators::COLOR_FUNCTION_REGEX, Validators::FRACTION_REGEX, Validators::IMAGE_LABELS, Validators::IMAGE_REGEX, Validators::IS_ANY, Validators::IS_ARBITRARY_IMAGE, Validators::IS_ARBITRARY_LENGTH, Validators::IS_ARBITRARY_NUMBER, Validators::IS_ARBITRARY_POSITION, Validators::IS_ARBITRARY_SHADOW, Validators::IS_ARBITRARY_SIZE, Validators::IS_ARBITRARY_VALUE, Validators::IS_INTEGER, Validators::IS_LENGTH, Validators::IS_NUMBER, Validators::IS_PERCENT, Validators::IS_TSHIRT_SIZE, Validators::LENGTH_UNIT_REGEX, Validators::SHADOW_REGEX, Validators::SIZE_LABELS, Validators::STRING_LENGTHS, Validators::TSHIRT_UNIT_REGEX
Instance Method Summary collapse
Methods included from Validators
arbitrary_value?, integer?, numeric?
Instance Method Details
#merge_configs(extension_config) ⇒ Object
1841 1842 1843 1844 1845 1846 1847 1848 1849 |
# File 'lib/tailwind_merge/config.rb', line 1841 def merge_configs(extension_config) config = TailwindMerge::Config::DEFAULTS [:theme].each do |type| extension_config.fetch(type, {}).each_pair do |key, value| config[type][value] = ->(config) { FROM_THEME.call(config, key) } end end config end |