Skip to content

Latest commit

 

History

History
1398 lines (1287 loc) · 77.2 KB

backgrounds.md

File metadata and controls

1398 lines (1287 loc) · 77.2 KB

Backgrounds


Background Attachment

Utilities for controlling how a background image behaves when scrolling.

Group

TailwindJS token
background_attachment_utilities

Utilities

TailwindJS token TailwindCSS token
bg_fixed bg-fixed
bg_local bg-local
bg_scroll bg-scroll

Background Clip

Utilities for controlling the bounding box of an element's background.

Group

TailwindJS token
background_clip_utilities

Utilities

TailwindJS token TailwindCSS token
bg_clip_border bg-clip-border
bg_clip_content bg-clip-content
bg_clip_padding bg-clip-padding
bg_clip_text bg-clip-text

Background Color

Utilities for controlling an element's background color.

Group

TailwindJS token
background_color_utilities

Utilities

TailwindJS token TailwindCSS token
bg_amber_100 bg-amber-100
bg_amber_200 bg-amber-200
bg_amber_300 bg-amber-300
bg_amber_400 bg-amber-400
bg_amber_50 bg-amber-50
bg_amber_500 bg-amber-500
bg_amber_600 bg-amber-600
bg_amber_700 bg-amber-700
bg_amber_800 bg-amber-800
bg_amber_900 bg-amber-900
bg_amber_950 bg-amber-950
bg_black bg-black
bg_blue_100 bg-blue-100
bg_blue_200 bg-blue-200
bg_blue_300 bg-blue-300
bg_blue_400 bg-blue-400
bg_blue_50 bg-blue-50
bg_blue_500 bg-blue-500
bg_blue_600 bg-blue-600
bg_blue_700 bg-blue-700
bg_blue_800 bg-blue-800
bg_blue_900 bg-blue-900
bg_blue_950 bg-blue-950
bg_current bg-current
bg_cyan_100 bg-cyan-100
bg_cyan_200 bg-cyan-200
bg_cyan_300 bg-cyan-300
bg_cyan_400 bg-cyan-400
bg_cyan_50 bg-cyan-50
bg_cyan_500 bg-cyan-500
bg_cyan_600 bg-cyan-600
bg_cyan_700 bg-cyan-700
bg_cyan_800 bg-cyan-800
bg_cyan_900 bg-cyan-900
bg_cyan_950 bg-cyan-950
bg_emerald_100 bg-emerald-100
bg_emerald_200 bg-emerald-200
bg_emerald_300 bg-emerald-300
bg_emerald_400 bg-emerald-400
bg_emerald_50 bg-emerald-50
bg_emerald_500 bg-emerald-500
bg_emerald_600 bg-emerald-600
bg_emerald_700 bg-emerald-700
bg_emerald_800 bg-emerald-800
bg_emerald_900 bg-emerald-900
bg_emerald_950 bg-emerald-950
bg_fuchsia_100 bg-fuchsia-100
bg_fuchsia_200 bg-fuchsia-200
bg_fuchsia_300 bg-fuchsia-300
bg_fuchsia_400 bg-fuchsia-400
bg_fuchsia_50 bg-fuchsia-50
bg_fuchsia_500 bg-fuchsia-500
bg_fuchsia_600 bg-fuchsia-600
bg_fuchsia_700 bg-fuchsia-700
bg_fuchsia_800 bg-fuchsia-800
bg_fuchsia_900 bg-fuchsia-900
bg_fuchsia_950 bg-fuchsia-950
bg_gray_100 bg-gray-100
bg_gray_200 bg-gray-200
bg_gray_300 bg-gray-300
bg_gray_400 bg-gray-400
bg_gray_50 bg-gray-50
bg_gray_500 bg-gray-500
bg_gray_600 bg-gray-600
bg_gray_700 bg-gray-700
bg_gray_800 bg-gray-800
bg_gray_900 bg-gray-900
bg_gray_950 bg-gray-950
bg_green_100 bg-green-100
bg_green_200 bg-green-200
bg_green_300 bg-green-300
bg_green_400 bg-green-400
bg_green_50 bg-green-50
bg_green_500 bg-green-500
bg_green_600 bg-green-600
bg_green_700 bg-green-700
bg_green_800 bg-green-800
bg_green_900 bg-green-900
bg_green_950 bg-green-950
bg_indigo_100 bg-indigo-100
bg_indigo_200 bg-indigo-200
bg_indigo_300 bg-indigo-300
bg_indigo_400 bg-indigo-400
bg_indigo_50 bg-indigo-50
bg_indigo_500 bg-indigo-500
bg_indigo_600 bg-indigo-600
bg_indigo_700 bg-indigo-700
bg_indigo_800 bg-indigo-800
bg_indigo_900 bg-indigo-900
bg_indigo_950 bg-indigo-950
bg_inherit bg-inherit
bg_lime_100 bg-lime-100
bg_lime_200 bg-lime-200
bg_lime_300 bg-lime-300
bg_lime_400 bg-lime-400
bg_lime_50 bg-lime-50
bg_lime_500 bg-lime-500
bg_lime_600 bg-lime-600
bg_lime_700 bg-lime-700
bg_lime_800 bg-lime-800
bg_lime_900 bg-lime-900
bg_lime_950 bg-lime-950
bg_neutral_100 bg-neutral-100
bg_neutral_200 bg-neutral-200
bg_neutral_300 bg-neutral-300
bg_neutral_400 bg-neutral-400
bg_neutral_50 bg-neutral-50
bg_neutral_500 bg-neutral-500
bg_neutral_600 bg-neutral-600
bg_neutral_700 bg-neutral-700
bg_neutral_800 bg-neutral-800
bg_neutral_900 bg-neutral-900
bg_neutral_950 bg-neutral-950
bg_orange_100 bg-orange-100
bg_orange_200 bg-orange-200
bg_orange_300 bg-orange-300
bg_orange_400 bg-orange-400
bg_orange_50 bg-orange-50
bg_orange_500 bg-orange-500
bg_orange_600 bg-orange-600
bg_orange_700 bg-orange-700
bg_orange_800 bg-orange-800
bg_orange_900 bg-orange-900
bg_orange_950 bg-orange-950
bg_pink_100 bg-pink-100
bg_pink_200 bg-pink-200
bg_pink_300 bg-pink-300
bg_pink_400 bg-pink-400
bg_pink_50 bg-pink-50
bg_pink_500 bg-pink-500
bg_pink_600 bg-pink-600
bg_pink_700 bg-pink-700
bg_pink_800 bg-pink-800
bg_pink_900 bg-pink-900
bg_pink_950 bg-pink-950
bg_purple_100 bg-purple-100
bg_purple_200 bg-purple-200
bg_purple_300 bg-purple-300
bg_purple_400 bg-purple-400
bg_purple_50 bg-purple-50
bg_purple_500 bg-purple-500
bg_purple_600 bg-purple-600
bg_purple_700 bg-purple-700
bg_purple_800 bg-purple-800
bg_purple_900 bg-purple-900
bg_purple_950 bg-purple-950
bg_red_100 bg-red-100
bg_red_200 bg-red-200
bg_red_300 bg-red-300
bg_red_400 bg-red-400
bg_red_50 bg-red-50
bg_red_500 bg-red-500
bg_red_600 bg-red-600
bg_red_700 bg-red-700
bg_red_800 bg-red-800
bg_red_900 bg-red-900
bg_red_950 bg-red-950
bg_rose_100 bg-rose-100
bg_rose_200 bg-rose-200
bg_rose_300 bg-rose-300
bg_rose_400 bg-rose-400
bg_rose_50 bg-rose-50
bg_rose_500 bg-rose-500
bg_rose_600 bg-rose-600
bg_rose_700 bg-rose-700
bg_rose_800 bg-rose-800
bg_rose_900 bg-rose-900
bg_rose_950 bg-rose-950
bg_sky_100 bg-sky-100
bg_sky_200 bg-sky-200
bg_sky_300 bg-sky-300
bg_sky_400 bg-sky-400
bg_sky_50 bg-sky-50
bg_sky_500 bg-sky-500
bg_sky_600 bg-sky-600
bg_sky_700 bg-sky-700
bg_sky_800 bg-sky-800
bg_sky_900 bg-sky-900
bg_sky_950 bg-sky-950
bg_slate_100 bg-slate-100
bg_slate_200 bg-slate-200
bg_slate_300 bg-slate-300
bg_slate_400 bg-slate-400
bg_slate_50 bg-slate-50
bg_slate_500 bg-slate-500
bg_slate_600 bg-slate-600
bg_slate_700 bg-slate-700
bg_slate_800 bg-slate-800
bg_slate_900 bg-slate-900
bg_slate_950 bg-slate-950
bg_stone_100 bg-stone-100
bg_stone_200 bg-stone-200
bg_stone_300 bg-stone-300
bg_stone_400 bg-stone-400
bg_stone_50 bg-stone-50
bg_stone_500 bg-stone-500
bg_stone_600 bg-stone-600
bg_stone_700 bg-stone-700
bg_stone_800 bg-stone-800
bg_stone_900 bg-stone-900
bg_stone_950 bg-stone-950
bg_teal_100 bg-teal-100
bg_teal_200 bg-teal-200
bg_teal_300 bg-teal-300
bg_teal_400 bg-teal-400
bg_teal_50 bg-teal-50
bg_teal_500 bg-teal-500
bg_teal_600 bg-teal-600
bg_teal_700 bg-teal-700
bg_teal_800 bg-teal-800
bg_teal_900 bg-teal-900
bg_teal_950 bg-teal-950
bg_transparent bg-transparent
bg_violet_100 bg-violet-100
bg_violet_200 bg-violet-200
bg_violet_300 bg-violet-300
bg_violet_400 bg-violet-400
bg_violet_50 bg-violet-50
bg_violet_500 bg-violet-500
bg_violet_600 bg-violet-600
bg_violet_700 bg-violet-700
bg_violet_800 bg-violet-800
bg_violet_900 bg-violet-900
bg_violet_950 bg-violet-950
bg_white bg-white
bg_yellow_100 bg-yellow-100
bg_yellow_200 bg-yellow-200
bg_yellow_300 bg-yellow-300
bg_yellow_400 bg-yellow-400
bg_yellow_50 bg-yellow-50
bg_yellow_500 bg-yellow-500
bg_yellow_600 bg-yellow-600
bg_yellow_700 bg-yellow-700
bg_yellow_800 bg-yellow-800
bg_yellow_900 bg-yellow-900
bg_yellow_950 bg-yellow-950
bg_zinc_100 bg-zinc-100
bg_zinc_200 bg-zinc-200
bg_zinc_300 bg-zinc-300
bg_zinc_400 bg-zinc-400
bg_zinc_50 bg-zinc-50
bg_zinc_500 bg-zinc-500
bg_zinc_600 bg-zinc-600
bg_zinc_700 bg-zinc-700
bg_zinc_800 bg-zinc-800
bg_zinc_900 bg-zinc-900
bg_zinc_950 bg-zinc-950

Arbitraries

TailwindJS token TailwindCSS token
bg_arbitrary, bg_arb bg-[…]
bg_amber_arbitrary, bg_amber_arb bg-amber-[…]
bg_blue_arbitrary, bg_blue_arb bg-blue-[…]
bg_cyan_arbitrary, bg_cyan_arb bg-cyan-[…]
bg_emerald_arbitrary, bg_emerald_arb bg-emerald-[…]
bg_fuchsia_arbitrary, bg_fuchsia_arb bg-fuchsia-[…]
bg_gray_arbitrary, bg_gray_arb bg-gray-[…]
bg_green_arbitrary, bg_green_arb bg-green-[…]
bg_indigo_arbitrary, bg_indigo_arb bg-indigo-[…]
bg_lime_arbitrary, bg_lime_arb bg-lime-[…]
bg_neutral_arbitrary, bg_neutral_arb bg-neutral-[…]
bg_orange_arbitrary, bg_orange_arb bg-orange-[…]
bg_pink_arbitrary, bg_pink_arb bg-pink-[…]
bg_purple_arbitrary, bg_purple_arb bg-purple-[…]
bg_red_arbitrary, bg_red_arb bg-red-[…]
bg_rose_arbitrary, bg_rose_arb bg-rose-[…]
bg_sky_arbitrary, bg_sky_arb bg-sky-[…]
bg_slate_arbitrary, bg_slate_arb bg-slate-[…]
bg_stone_arbitrary, bg_stone_arb bg-stone-[…]
bg_teal_arbitrary, bg_teal_arb bg-teal-[…]
bg_violet_arbitrary, bg_violet_arb bg-violet-[…]
bg_yellow_arbitrary, bg_yellow_arb bg-yellow-[…]
bg_zinc_arbitrary, bg_zinc_arb bg-zinc-[…]

Background Image

Utilities for controlling an element's background image.

Group

TailwindJS token
background_image_utilities

Utilities

TailwindJS token TailwindCSS token
bg_gradient_to_b bg-gradient-to-b
bg_gradient_to_bl bg-gradient-to-bl
bg_gradient_to_br bg-gradient-to-br
bg_gradient_to_l bg-gradient-to-l
bg_gradient_to_r bg-gradient-to-r
bg_gradient_to_t bg-gradient-to-t
bg_gradient_to_tl bg-gradient-to-tl
bg_gradient_to_tr bg-gradient-to-tr
bg_none bg-none

Arbitraries

TailwindJS token TailwindCSS token
bg_gradient_to_arbitrary, bg_gradient_to_arb bg-gradient-to-[…]

Background Origin

Utilities for controlling how an element's background is positioned relative to borders, padding, and content.

Group

TailwindJS token
background_origin_utilities

Utilities

TailwindJS token TailwindCSS token
bg_origin_border bg-origin-border
bg_origin_content bg-origin-content
bg_origin_padding bg-origin-padding

Background Position

Utilities for controlling the position of an element's background image.

Group

TailwindJS token
background_position_utilities

Utilities

TailwindJS token TailwindCSS token
bg_bottom bg-bottom
bg_center bg-center
bg_left bg-left
bg_left_bottom bg-left-bottom
bg_left_top bg-left-top
bg_right bg-right
bg_right_bottom bg-right-bottom
bg_right_top bg-right-top
bg_top bg-top

Arbitraries

TailwindJS token TailwindCSS token
bg_left_arbitrary, bg_left_arb bg-left-[…]
bg_right_arbitrary, bg_right_arb bg-right-[…]

Background Repeat

Utilities for controlling the repetition of an element's background image.

Group

TailwindJS token
background_repeat_utilities

Utilities

TailwindJS token TailwindCSS token
bg_no_repeat bg-no-repeat
bg_repeat bg-repeat
bg_repeat_round bg-repeat-round
bg_repeat_space bg-repeat-space
bg_repeat_x bg-repeat-x
bg_repeat_y bg-repeat-y

Background Size

Utilities for controlling the background size of an element's background image.

Group

TailwindJS token
background_size_utilities

Utilities

TailwindJS token TailwindCSS token
bg_auto bg-auto
bg_contain bg-contain
bg_cover bg-cover

Gradient Color Stops

Utilities for controlling the color stops in background gradients.

Group

TailwindJS token
gradient_color_stops_utilities

Utilities

TailwindJS token TailwindCSS token
from_0_pc from-0%
from_100_pc from-100%
from_10_pc from-10%
from_15_pc from-15%
from_20_pc from-20%
from_25_pc from-25%
from_30_pc from-30%
from_35_pc from-35%
from_40_pc from-40%
from_45_pc from-45%
from_50_pc from-50%
from_55_pc from-55%
from_5_pc from-5%
from_60_pc from-60%
from_65_pc from-65%
from_70_pc from-70%
from_75_pc from-75%
from_80_pc from-80%
from_85_pc from-85%
from_90_pc from-90%
from_95_pc from-95%
from_amber_100 from-amber-100
from_amber_200 from-amber-200
from_amber_300 from-amber-300
from_amber_400 from-amber-400
from_amber_50 from-amber-50
from_amber_500 from-amber-500
from_amber_600 from-amber-600
from_amber_700 from-amber-700
from_amber_800 from-amber-800
from_amber_900 from-amber-900
from_amber_950 from-amber-950
from_black from-black
from_blue_100 from-blue-100
from_blue_200 from-blue-200
from_blue_300 from-blue-300
from_blue_400 from-blue-400
from_blue_50 from-blue-50
from_blue_500 from-blue-500
from_blue_600 from-blue-600
from_blue_700 from-blue-700
from_blue_800 from-blue-800
from_blue_900 from-blue-900
from_blue_950 from-blue-950
from_current from-current
from_cyan_100 from-cyan-100
from_cyan_200 from-cyan-200
from_cyan_300 from-cyan-300
from_cyan_400 from-cyan-400
from_cyan_50 from-cyan-50
from_cyan_500 from-cyan-500
from_cyan_600 from-cyan-600
from_cyan_700 from-cyan-700
from_cyan_800 from-cyan-800
from_cyan_900 from-cyan-900
from_cyan_950 from-cyan-950
from_emerald_100 from-emerald-100
from_emerald_200 from-emerald-200
from_emerald_300 from-emerald-300
from_emerald_400 from-emerald-400
from_emerald_50 from-emerald-50
from_emerald_500 from-emerald-500
from_emerald_600 from-emerald-600
from_emerald_700 from-emerald-700
from_emerald_800 from-emerald-800
from_emerald_900 from-emerald-900
from_emerald_950 from-emerald-950
from_fuchsia_100 from-fuchsia-100
from_fuchsia_200 from-fuchsia-200
from_fuchsia_300 from-fuchsia-300
from_fuchsia_400 from-fuchsia-400
from_fuchsia_50 from-fuchsia-50
from_fuchsia_500 from-fuchsia-500
from_fuchsia_600 from-fuchsia-600
from_fuchsia_700 from-fuchsia-700
from_fuchsia_800 from-fuchsia-800
from_fuchsia_900 from-fuchsia-900
from_fuchsia_950 from-fuchsia-950
from_gray_100 from-gray-100
from_gray_200 from-gray-200
from_gray_300 from-gray-300
from_gray_400 from-gray-400
from_gray_50 from-gray-50
from_gray_500 from-gray-500
from_gray_600 from-gray-600
from_gray_700 from-gray-700
from_gray_800 from-gray-800
from_gray_900 from-gray-900
from_gray_950 from-gray-950
from_green_100 from-green-100
from_green_200 from-green-200
from_green_300 from-green-300
from_green_400 from-green-400
from_green_50 from-green-50
from_green_500 from-green-500
from_green_600 from-green-600
from_green_700 from-green-700
from_green_800 from-green-800
from_green_900 from-green-900
from_green_950 from-green-950
from_indigo_100 from-indigo-100
from_indigo_200 from-indigo-200
from_indigo_300 from-indigo-300
from_indigo_400 from-indigo-400
from_indigo_50 from-indigo-50
from_indigo_500 from-indigo-500
from_indigo_600 from-indigo-600
from_indigo_700 from-indigo-700
from_indigo_800 from-indigo-800
from_indigo_900 from-indigo-900
from_indigo_950 from-indigo-950
from_inherit from-inherit
from_lime_100 from-lime-100
from_lime_200 from-lime-200
from_lime_300 from-lime-300
from_lime_400 from-lime-400
from_lime_50 from-lime-50
from_lime_500 from-lime-500
from_lime_600 from-lime-600
from_lime_700 from-lime-700
from_lime_800 from-lime-800
from_lime_900 from-lime-900
from_lime_950 from-lime-950
from_neutral_100 from-neutral-100
from_neutral_200 from-neutral-200
from_neutral_300 from-neutral-300
from_neutral_400 from-neutral-400
from_neutral_50 from-neutral-50
from_neutral_500 from-neutral-500
from_neutral_600 from-neutral-600
from_neutral_700 from-neutral-700
from_neutral_800 from-neutral-800
from_neutral_900 from-neutral-900
from_neutral_950 from-neutral-950
from_orange_100 from-orange-100
from_orange_200 from-orange-200
from_orange_300 from-orange-300
from_orange_400 from-orange-400
from_orange_50 from-orange-50
from_orange_500 from-orange-500
from_orange_600 from-orange-600
from_orange_700 from-orange-700
from_orange_800 from-orange-800
from_orange_900 from-orange-900
from_orange_950 from-orange-950
from_pink_100 from-pink-100
from_pink_200 from-pink-200
from_pink_300 from-pink-300
from_pink_400 from-pink-400
from_pink_50 from-pink-50
from_pink_500 from-pink-500
from_pink_600 from-pink-600
from_pink_700 from-pink-700
from_pink_800 from-pink-800
from_pink_900 from-pink-900
from_pink_950 from-pink-950
from_purple_100 from-purple-100
from_purple_200 from-purple-200
from_purple_300 from-purple-300
from_purple_400 from-purple-400
from_purple_50 from-purple-50
from_purple_500 from-purple-500
from_purple_600 from-purple-600
from_purple_700 from-purple-700
from_purple_800 from-purple-800
from_purple_900 from-purple-900
from_purple_950 from-purple-950
from_red_100 from-red-100
from_red_200 from-red-200
from_red_300 from-red-300
from_red_400 from-red-400
from_red_50 from-red-50
from_red_500 from-red-500
from_red_600 from-red-600
from_red_700 from-red-700
from_red_800 from-red-800
from_red_900 from-red-900
from_red_950 from-red-950
from_rose_100 from-rose-100
from_rose_200 from-rose-200
from_rose_300 from-rose-300
from_rose_400 from-rose-400
from_rose_50 from-rose-50
from_rose_500 from-rose-500
from_rose_600 from-rose-600
from_rose_700 from-rose-700
from_rose_800 from-rose-800
from_rose_900 from-rose-900
from_rose_950 from-rose-950
from_sky_100 from-sky-100
from_sky_200 from-sky-200
from_sky_300 from-sky-300
from_sky_400 from-sky-400
from_sky_50 from-sky-50
from_sky_500 from-sky-500
from_sky_600 from-sky-600
from_sky_700 from-sky-700
from_sky_800 from-sky-800
from_sky_900 from-sky-900
from_sky_950 from-sky-950
from_slate_100 from-slate-100
from_slate_200 from-slate-200
from_slate_300 from-slate-300
from_slate_400 from-slate-400
from_slate_50 from-slate-50
from_slate_500 from-slate-500
from_slate_600 from-slate-600
from_slate_700 from-slate-700
from_slate_800 from-slate-800
from_slate_900 from-slate-900
from_slate_950 from-slate-950
from_stone_100 from-stone-100
from_stone_200 from-stone-200
from_stone_300 from-stone-300
from_stone_400 from-stone-400
from_stone_50 from-stone-50
from_stone_500 from-stone-500
from_stone_600 from-stone-600
from_stone_700 from-stone-700
from_stone_800 from-stone-800
from_stone_900 from-stone-900
from_stone_950 from-stone-950
from_teal_100 from-teal-100
from_teal_200 from-teal-200
from_teal_300 from-teal-300
from_teal_400 from-teal-400
from_teal_50 from-teal-50
from_teal_500 from-teal-500
from_teal_600 from-teal-600
from_teal_700 from-teal-700
from_teal_800 from-teal-800
from_teal_900 from-teal-900
from_teal_950 from-teal-950
from_transparent from-transparent
from_violet_100 from-violet-100
from_violet_200 from-violet-200
from_violet_300 from-violet-300
from_violet_400 from-violet-400
from_violet_50 from-violet-50
from_violet_500 from-violet-500
from_violet_600 from-violet-600
from_violet_700 from-violet-700
from_violet_800 from-violet-800
from_violet_900 from-violet-900
from_violet_950 from-violet-950
from_white from-white
from_yellow_100 from-yellow-100
from_yellow_200 from-yellow-200
from_yellow_300 from-yellow-300
from_yellow_400 from-yellow-400
from_yellow_50 from-yellow-50
from_yellow_500 from-yellow-500
from_yellow_600 from-yellow-600
from_yellow_700 from-yellow-700
from_yellow_800 from-yellow-800
from_yellow_900 from-yellow-900
from_yellow_950 from-yellow-950
from_zinc_100 from-zinc-100
from_zinc_200 from-zinc-200
from_zinc_300 from-zinc-300
from_zinc_400 from-zinc-400
from_zinc_50 from-zinc-50
from_zinc_500 from-zinc-500
from_zinc_600 from-zinc-600
from_zinc_700 from-zinc-700
from_zinc_800 from-zinc-800
from_zinc_900 from-zinc-900
from_zinc_950 from-zinc-950
to_0_pc to-0%
to_100_pc to-100%
to_10_pc to-10%
to_15_pc to-15%
to_20_pc to-20%
to_25_pc to-25%
to_30_pc to-30%
to_35_pc to-35%
to_40_pc to-40%
to_45_pc to-45%
to_50_pc to-50%
to_55_pc to-55%
to_5_pc to-5%
to_60_pc to-60%
to_65_pc to-65%
to_70_pc to-70%
to_75_pc to-75%
to_80_pc to-80%
to_85_pc to-85%
to_90_pc to-90%
to_95_pc to-95%
to_amber_100 to-amber-100
to_amber_200 to-amber-200
to_amber_300 to-amber-300
to_amber_400 to-amber-400
to_amber_50 to-amber-50
to_amber_500 to-amber-500
to_amber_600 to-amber-600
to_amber_700 to-amber-700
to_amber_800 to-amber-800
to_amber_900 to-amber-900
to_amber_950 to-amber-950
to_black to-black
to_blue_100 to-blue-100
to_blue_200 to-blue-200
to_blue_300 to-blue-300
to_blue_400 to-blue-400
to_blue_50 to-blue-50
to_blue_500 to-blue-500
to_blue_600 to-blue-600
to_blue_700 to-blue-700
to_blue_800 to-blue-800
to_blue_900 to-blue-900
to_blue_950 to-blue-950
to_current to-current
to_cyan_100 to-cyan-100
to_cyan_200 to-cyan-200
to_cyan_300 to-cyan-300
to_cyan_400 to-cyan-400
to_cyan_50 to-cyan-50
to_cyan_500 to-cyan-500
to_cyan_600 to-cyan-600
to_cyan_700 to-cyan-700
to_cyan_800 to-cyan-800
to_cyan_900 to-cyan-900
to_cyan_950 to-cyan-950
to_emerald_100 to-emerald-100
to_emerald_200 to-emerald-200
to_emerald_300 to-emerald-300
to_emerald_400 to-emerald-400
to_emerald_50 to-emerald-50
to_emerald_500 to-emerald-500
to_emerald_600 to-emerald-600
to_emerald_700 to-emerald-700
to_emerald_800 to-emerald-800
to_emerald_900 to-emerald-900
to_emerald_950 to-emerald-950
to_fuchsia_100 to-fuchsia-100
to_fuchsia_200 to-fuchsia-200
to_fuchsia_300 to-fuchsia-300
to_fuchsia_400 to-fuchsia-400
to_fuchsia_50 to-fuchsia-50
to_fuchsia_500 to-fuchsia-500
to_fuchsia_600 to-fuchsia-600
to_fuchsia_700 to-fuchsia-700
to_fuchsia_800 to-fuchsia-800
to_fuchsia_900 to-fuchsia-900
to_fuchsia_950 to-fuchsia-950
to_gray_100 to-gray-100
to_gray_200 to-gray-200
to_gray_300 to-gray-300
to_gray_400 to-gray-400
to_gray_50 to-gray-50
to_gray_500 to-gray-500
to_gray_600 to-gray-600
to_gray_700 to-gray-700
to_gray_800 to-gray-800
to_gray_900 to-gray-900
to_gray_950 to-gray-950
to_green_100 to-green-100
to_green_200 to-green-200
to_green_300 to-green-300
to_green_400 to-green-400
to_green_50 to-green-50
to_green_500 to-green-500
to_green_600 to-green-600
to_green_700 to-green-700
to_green_800 to-green-800
to_green_900 to-green-900
to_green_950 to-green-950
to_indigo_100 to-indigo-100
to_indigo_200 to-indigo-200
to_indigo_300 to-indigo-300
to_indigo_400 to-indigo-400
to_indigo_50 to-indigo-50
to_indigo_500 to-indigo-500
to_indigo_600 to-indigo-600
to_indigo_700 to-indigo-700
to_indigo_800 to-indigo-800
to_indigo_900 to-indigo-900
to_indigo_950 to-indigo-950
to_inherit to-inherit
to_lime_100 to-lime-100
to_lime_200 to-lime-200
to_lime_300 to-lime-300
to_lime_400 to-lime-400
to_lime_50 to-lime-50
to_lime_500 to-lime-500
to_lime_600 to-lime-600
to_lime_700 to-lime-700
to_lime_800 to-lime-800
to_lime_900 to-lime-900
to_lime_950 to-lime-950
to_neutral_100 to-neutral-100
to_neutral_200 to-neutral-200
to_neutral_300 to-neutral-300
to_neutral_400 to-neutral-400
to_neutral_50 to-neutral-50
to_neutral_500 to-neutral-500
to_neutral_600 to-neutral-600
to_neutral_700 to-neutral-700
to_neutral_800 to-neutral-800
to_neutral_900 to-neutral-900
to_neutral_950 to-neutral-950
to_orange_100 to-orange-100
to_orange_200 to-orange-200
to_orange_300 to-orange-300
to_orange_400 to-orange-400
to_orange_50 to-orange-50
to_orange_500 to-orange-500
to_orange_600 to-orange-600
to_orange_700 to-orange-700
to_orange_800 to-orange-800
to_orange_900 to-orange-900
to_orange_950 to-orange-950
to_pink_100 to-pink-100
to_pink_200 to-pink-200
to_pink_300 to-pink-300
to_pink_400 to-pink-400
to_pink_50 to-pink-50
to_pink_500 to-pink-500
to_pink_600 to-pink-600
to_pink_700 to-pink-700
to_pink_800 to-pink-800
to_pink_900 to-pink-900
to_pink_950 to-pink-950
to_purple_100 to-purple-100
to_purple_200 to-purple-200
to_purple_300 to-purple-300
to_purple_400 to-purple-400
to_purple_50 to-purple-50
to_purple_500 to-purple-500
to_purple_600 to-purple-600
to_purple_700 to-purple-700
to_purple_800 to-purple-800
to_purple_900 to-purple-900
to_purple_950 to-purple-950
to_red_100 to-red-100
to_red_200 to-red-200
to_red_300 to-red-300
to_red_400 to-red-400
to_red_50 to-red-50
to_red_500 to-red-500
to_red_600 to-red-600
to_red_700 to-red-700
to_red_800 to-red-800
to_red_900 to-red-900
to_red_950 to-red-950
to_rose_100 to-rose-100
to_rose_200 to-rose-200
to_rose_300 to-rose-300
to_rose_400 to-rose-400
to_rose_50 to-rose-50
to_rose_500 to-rose-500
to_rose_600 to-rose-600
to_rose_700 to-rose-700
to_rose_800 to-rose-800
to_rose_900 to-rose-900
to_rose_950 to-rose-950
to_sky_100 to-sky-100
to_sky_200 to-sky-200
to_sky_300 to-sky-300
to_sky_400 to-sky-400
to_sky_50 to-sky-50
to_sky_500 to-sky-500
to_sky_600 to-sky-600
to_sky_700 to-sky-700
to_sky_800 to-sky-800
to_sky_900 to-sky-900
to_sky_950 to-sky-950
to_slate_100 to-slate-100
to_slate_200 to-slate-200
to_slate_300 to-slate-300
to_slate_400 to-slate-400
to_slate_50 to-slate-50
to_slate_500 to-slate-500
to_slate_600 to-slate-600
to_slate_700 to-slate-700
to_slate_800 to-slate-800
to_slate_900 to-slate-900
to_slate_950 to-slate-950
to_stone_100 to-stone-100
to_stone_200 to-stone-200
to_stone_300 to-stone-300
to_stone_400 to-stone-400
to_stone_50 to-stone-50
to_stone_500 to-stone-500
to_stone_600 to-stone-600
to_stone_700 to-stone-700
to_stone_800 to-stone-800
to_stone_900 to-stone-900
to_stone_950 to-stone-950
to_teal_100 to-teal-100
to_teal_200 to-teal-200
to_teal_300 to-teal-300
to_teal_400 to-teal-400
to_teal_50 to-teal-50
to_teal_500 to-teal-500
to_teal_600 to-teal-600
to_teal_700 to-teal-700
to_teal_800 to-teal-800
to_teal_900 to-teal-900
to_teal_950 to-teal-950
to_transparent to-transparent
to_violet_100 to-violet-100
to_violet_200 to-violet-200
to_violet_300 to-violet-300
to_violet_400 to-violet-400
to_violet_50 to-violet-50
to_violet_500 to-violet-500
to_violet_600 to-violet-600
to_violet_700 to-violet-700
to_violet_800 to-violet-800
to_violet_900 to-violet-900
to_violet_950 to-violet-950
to_white to-white
to_yellow_100 to-yellow-100
to_yellow_200 to-yellow-200
to_yellow_300 to-yellow-300
to_yellow_400 to-yellow-400
to_yellow_50 to-yellow-50
to_yellow_500 to-yellow-500
to_yellow_600 to-yellow-600
to_yellow_700 to-yellow-700
to_yellow_800 to-yellow-800
to_yellow_900 to-yellow-900
to_yellow_950 to-yellow-950
to_zinc_100 to-zinc-100
to_zinc_200 to-zinc-200
to_zinc_300 to-zinc-300
to_zinc_400 to-zinc-400
to_zinc_50 to-zinc-50
to_zinc_500 to-zinc-500
to_zinc_600 to-zinc-600
to_zinc_700 to-zinc-700
to_zinc_800 to-zinc-800
to_zinc_900 to-zinc-900
to_zinc_950 to-zinc-950
via_0_pc via-0%
via_100_pc via-100%
via_10_pc via-10%
via_15_pc via-15%
via_20_pc via-20%
via_25_pc via-25%
via_30_pc via-30%
via_35_pc via-35%
via_40_pc via-40%
via_45_pc via-45%
via_50_pc via-50%
via_55_pc via-55%
via_5_pc via-5%
via_60_pc via-60%
via_65_pc via-65%
via_70_pc via-70%
via_75_pc via-75%
via_80_pc via-80%
via_85_pc via-85%
via_90_pc via-90%
via_95_pc via-95%
via_amber_100 via-amber-100
via_amber_200 via-amber-200
via_amber_300 via-amber-300
via_amber_400 via-amber-400
via_amber_50 via-amber-50
via_amber_500 via-amber-500
via_amber_600 via-amber-600
via_amber_700 via-amber-700
via_amber_800 via-amber-800
via_amber_900 via-amber-900
via_amber_950 via-amber-950
via_black via-black
via_blue_100 via-blue-100
via_blue_200 via-blue-200
via_blue_300 via-blue-300
via_blue_400 via-blue-400
via_blue_50 via-blue-50
via_blue_500 via-blue-500
via_blue_600 via-blue-600
via_blue_700 via-blue-700
via_blue_800 via-blue-800
via_blue_900 via-blue-900
via_blue_950 via-blue-950
via_current via-current
via_cyan_100 via-cyan-100
via_cyan_200 via-cyan-200
via_cyan_300 via-cyan-300
via_cyan_400 via-cyan-400
via_cyan_50 via-cyan-50
via_cyan_500 via-cyan-500
via_cyan_600 via-cyan-600
via_cyan_700 via-cyan-700
via_cyan_800 via-cyan-800
via_cyan_900 via-cyan-900
via_cyan_950 via-cyan-950
via_emerald_100 via-emerald-100
via_emerald_200 via-emerald-200
via_emerald_300 via-emerald-300
via_emerald_400 via-emerald-400
via_emerald_50 via-emerald-50
via_emerald_500 via-emerald-500
via_emerald_600 via-emerald-600
via_emerald_700 via-emerald-700
via_emerald_800 via-emerald-800
via_emerald_900 via-emerald-900
via_emerald_950 via-emerald-950
via_fuchsia_100 via-fuchsia-100
via_fuchsia_200 via-fuchsia-200
via_fuchsia_300 via-fuchsia-300
via_fuchsia_400 via-fuchsia-400
via_fuchsia_50 via-fuchsia-50
via_fuchsia_500 via-fuchsia-500
via_fuchsia_600 via-fuchsia-600
via_fuchsia_700 via-fuchsia-700
via_fuchsia_800 via-fuchsia-800
via_fuchsia_900 via-fuchsia-900
via_fuchsia_950 via-fuchsia-950
via_gray_100 via-gray-100
via_gray_200 via-gray-200
via_gray_300 via-gray-300
via_gray_400 via-gray-400
via_gray_50 via-gray-50
via_gray_500 via-gray-500
via_gray_600 via-gray-600
via_gray_700 via-gray-700
via_gray_800 via-gray-800
via_gray_900 via-gray-900
via_gray_950 via-gray-950
via_green_100 via-green-100
via_green_200 via-green-200
via_green_300 via-green-300
via_green_400 via-green-400
via_green_50 via-green-50
via_green_500 via-green-500
via_green_600 via-green-600
via_green_700 via-green-700
via_green_800 via-green-800
via_green_900 via-green-900
via_green_950 via-green-950
via_indigo_100 via-indigo-100
via_indigo_200 via-indigo-200
via_indigo_300 via-indigo-300
via_indigo_400 via-indigo-400
via_indigo_50 via-indigo-50
via_indigo_500 via-indigo-500
via_indigo_600 via-indigo-600
via_indigo_700 via-indigo-700
via_indigo_800 via-indigo-800
via_indigo_900 via-indigo-900
via_indigo_950 via-indigo-950
via_inherit via-inherit
via_lime_100 via-lime-100
via_lime_200 via-lime-200
via_lime_300 via-lime-300
via_lime_400 via-lime-400
via_lime_50 via-lime-50
via_lime_500 via-lime-500
via_lime_600 via-lime-600
via_lime_700 via-lime-700
via_lime_800 via-lime-800
via_lime_900 via-lime-900
via_lime_950 via-lime-950
via_neutral_100 via-neutral-100
via_neutral_200 via-neutral-200
via_neutral_300 via-neutral-300
via_neutral_400 via-neutral-400
via_neutral_50 via-neutral-50
via_neutral_500 via-neutral-500
via_neutral_600 via-neutral-600
via_neutral_700 via-neutral-700
via_neutral_800 via-neutral-800
via_neutral_900 via-neutral-900
via_neutral_950 via-neutral-950
via_orange_100 via-orange-100
via_orange_200 via-orange-200
via_orange_300 via-orange-300
via_orange_400 via-orange-400
via_orange_50 via-orange-50
via_orange_500 via-orange-500
via_orange_600 via-orange-600
via_orange_700 via-orange-700
via_orange_800 via-orange-800
via_orange_900 via-orange-900
via_orange_950 via-orange-950
via_pink_100 via-pink-100
via_pink_200 via-pink-200
via_pink_300 via-pink-300
via_pink_400 via-pink-400
via_pink_50 via-pink-50
via_pink_500 via-pink-500
via_pink_600 via-pink-600
via_pink_700 via-pink-700
via_pink_800 via-pink-800
via_pink_900 via-pink-900
via_pink_950 via-pink-950
via_purple_100 via-purple-100
via_purple_200 via-purple-200
via_purple_300 via-purple-300
via_purple_400 via-purple-400
via_purple_50 via-purple-50
via_purple_500 via-purple-500
via_purple_600 via-purple-600
via_purple_700 via-purple-700
via_purple_800 via-purple-800
via_purple_900 via-purple-900
via_purple_950 via-purple-950
via_red_100 via-red-100
via_red_200 via-red-200
via_red_300 via-red-300
via_red_400 via-red-400
via_red_50 via-red-50
via_red_500 via-red-500
via_red_600 via-red-600
via_red_700 via-red-700
via_red_800 via-red-800
via_red_900 via-red-900
via_red_950 via-red-950
via_rose_100 via-rose-100
via_rose_200 via-rose-200
via_rose_300 via-rose-300
via_rose_400 via-rose-400
via_rose_50 via-rose-50
via_rose_500 via-rose-500
via_rose_600 via-rose-600
via_rose_700 via-rose-700
via_rose_800 via-rose-800
via_rose_900 via-rose-900
via_rose_950 via-rose-950
via_sky_100 via-sky-100
via_sky_200 via-sky-200
via_sky_300 via-sky-300
via_sky_400 via-sky-400
via_sky_50 via-sky-50
via_sky_500 via-sky-500
via_sky_600 via-sky-600
via_sky_700 via-sky-700
via_sky_800 via-sky-800
via_sky_900 via-sky-900
via_sky_950 via-sky-950
via_slate_100 via-slate-100
via_slate_200 via-slate-200
via_slate_300 via-slate-300
via_slate_400 via-slate-400
via_slate_50 via-slate-50
via_slate_500 via-slate-500
via_slate_600 via-slate-600
via_slate_700 via-slate-700
via_slate_800 via-slate-800
via_slate_900 via-slate-900
via_slate_950 via-slate-950
via_stone_100 via-stone-100
via_stone_200 via-stone-200
via_stone_300 via-stone-300
via_stone_400 via-stone-400
via_stone_50 via-stone-50
via_stone_500 via-stone-500
via_stone_600 via-stone-600
via_stone_700 via-stone-700
via_stone_800 via-stone-800
via_stone_900 via-stone-900
via_stone_950 via-stone-950
via_teal_100 via-teal-100
via_teal_200 via-teal-200
via_teal_300 via-teal-300
via_teal_400 via-teal-400
via_teal_50 via-teal-50
via_teal_500 via-teal-500
via_teal_600 via-teal-600
via_teal_700 via-teal-700
via_teal_800 via-teal-800
via_teal_900 via-teal-900
via_teal_950 via-teal-950
via_transparent via-transparent
via_violet_100 via-violet-100
via_violet_200 via-violet-200
via_violet_300 via-violet-300
via_violet_400 via-violet-400
via_violet_50 via-violet-50
via_violet_500 via-violet-500
via_violet_600 via-violet-600
via_violet_700 via-violet-700
via_violet_800 via-violet-800
via_violet_900 via-violet-900
via_violet_950 via-violet-950
via_white via-white
via_yellow_100 via-yellow-100
via_yellow_200 via-yellow-200
via_yellow_300 via-yellow-300
via_yellow_400 via-yellow-400
via_yellow_50 via-yellow-50
via_yellow_500 via-yellow-500
via_yellow_600 via-yellow-600
via_yellow_700 via-yellow-700
via_yellow_800 via-yellow-800
via_yellow_900 via-yellow-900
via_yellow_950 via-yellow-950
via_zinc_100 via-zinc-100
via_zinc_200 via-zinc-200
via_zinc_300 via-zinc-300
via_zinc_400 via-zinc-400
via_zinc_50 via-zinc-50
via_zinc_500 via-zinc-500
via_zinc_600 via-zinc-600
via_zinc_700 via-zinc-700
via_zinc_800 via-zinc-800
via_zinc_900 via-zinc-900
via_zinc_950 via-zinc-950

Arbitraries

TailwindJS token TailwindCSS token
from_arbitrary, from_arb from-[…]
from_amber_arbitrary, from_amber_arb from-amber-[…]
from_blue_arbitrary, from_blue_arb from-blue-[…]
from_cyan_arbitrary, from_cyan_arb from-cyan-[…]
from_emerald_arbitrary, from_emerald_arb from-emerald-[…]
from_fuchsia_arbitrary, from_fuchsia_arb from-fuchsia-[…]
from_gray_arbitrary, from_gray_arb from-gray-[…]
from_green_arbitrary, from_green_arb from-green-[…]
from_indigo_arbitrary, from_indigo_arb from-indigo-[…]
from_lime_arbitrary, from_lime_arb from-lime-[…]
from_neutral_arbitrary, from_neutral_arb from-neutral-[…]
from_orange_arbitrary, from_orange_arb from-orange-[…]
from_pink_arbitrary, from_pink_arb from-pink-[…]
from_purple_arbitrary, from_purple_arb from-purple-[…]
from_red_arbitrary, from_red_arb from-red-[…]
from_rose_arbitrary, from_rose_arb from-rose-[…]
from_sky_arbitrary, from_sky_arb from-sky-[…]
from_slate_arbitrary, from_slate_arb from-slate-[…]
from_stone_arbitrary, from_stone_arb from-stone-[…]
from_teal_arbitrary, from_teal_arb from-teal-[…]
from_violet_arbitrary, from_violet_arb from-violet-[…]
from_yellow_arbitrary, from_yellow_arb from-yellow-[…]
from_zinc_arbitrary, from_zinc_arb from-zinc-[…]
to_arbitrary, to_arb to-[…]
to_amber_arbitrary, to_amber_arb to-amber-[…]
to_blue_arbitrary, to_blue_arb to-blue-[…]
to_cyan_arbitrary, to_cyan_arb to-cyan-[…]
to_emerald_arbitrary, to_emerald_arb to-emerald-[…]
to_fuchsia_arbitrary, to_fuchsia_arb to-fuchsia-[…]
to_gray_arbitrary, to_gray_arb to-gray-[…]
to_green_arbitrary, to_green_arb to-green-[…]
to_indigo_arbitrary, to_indigo_arb to-indigo-[…]
to_lime_arbitrary, to_lime_arb to-lime-[…]
to_neutral_arbitrary, to_neutral_arb to-neutral-[…]
to_orange_arbitrary, to_orange_arb to-orange-[…]
to_pink_arbitrary, to_pink_arb to-pink-[…]
to_purple_arbitrary, to_purple_arb to-purple-[…]
to_red_arbitrary, to_red_arb to-red-[…]
to_rose_arbitrary, to_rose_arb to-rose-[…]
to_sky_arbitrary, to_sky_arb to-sky-[…]
to_slate_arbitrary, to_slate_arb to-slate-[…]
to_stone_arbitrary, to_stone_arb to-stone-[…]
to_teal_arbitrary, to_teal_arb to-teal-[…]
to_violet_arbitrary, to_violet_arb to-violet-[…]
to_yellow_arbitrary, to_yellow_arb to-yellow-[…]
to_zinc_arbitrary, to_zinc_arb to-zinc-[…]
via_arbitrary, via_arb via-[…]
via_amber_arbitrary, via_amber_arb via-amber-[…]
via_blue_arbitrary, via_blue_arb via-blue-[…]
via_cyan_arbitrary, via_cyan_arb via-cyan-[…]
via_emerald_arbitrary, via_emerald_arb via-emerald-[…]
via_fuchsia_arbitrary, via_fuchsia_arb via-fuchsia-[…]
via_gray_arbitrary, via_gray_arb via-gray-[…]
via_green_arbitrary, via_green_arb via-green-[…]
via_indigo_arbitrary, via_indigo_arb via-indigo-[…]
via_lime_arbitrary, via_lime_arb via-lime-[…]
via_neutral_arbitrary, via_neutral_arb via-neutral-[…]
via_orange_arbitrary, via_orange_arb via-orange-[…]
via_pink_arbitrary, via_pink_arb via-pink-[…]
via_purple_arbitrary, via_purple_arb via-purple-[…]
via_red_arbitrary, via_red_arb via-red-[…]
via_rose_arbitrary, via_rose_arb via-rose-[…]
via_sky_arbitrary, via_sky_arb via-sky-[…]
via_slate_arbitrary, via_slate_arb via-slate-[…]
via_stone_arbitrary, via_stone_arb via-stone-[…]
via_teal_arbitrary, via_teal_arb via-teal-[…]
via_violet_arbitrary, via_violet_arb via-violet-[…]
via_yellow_arbitrary, via_yellow_arb via-yellow-[…]
via_zinc_arbitrary, via_zinc_arb via-zinc-[…]