{"id":13449780,"url":"https://github.com/just214/tailwind-cheatsheet","last_synced_at":"2025-03-22T22:33:57.098Z","repository":{"id":39782095,"uuid":"229957700","full_name":"just214/tailwind-cheatsheet","owner":"just214","description":"A printable one-page cheatsheet for TailwindCSS.","archived":true,"fork":false,"pushed_at":"2022-04-29T14:19:57.000Z","size":21549,"stargazers_count":189,"open_issues_count":0,"forks_count":34,"subscribers_count":13,"default_branch":"main","last_synced_at":"2024-08-05T10:07:43.765Z","etag":null,"topics":["cheatsheet","css","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/just214.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-12-24T14:42:17.000Z","updated_at":"2024-07-17T23:26:29.000Z","dependencies_parsed_at":"2022-07-09T05:16:06.480Z","dependency_job_id":null,"html_url":"https://github.com/just214/tailwind-cheatsheet","commit_stats":null,"previous_names":["gojutin/tailwind-cheatsheet"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/just214%2Ftailwind-cheatsheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/just214%2Ftailwind-cheatsheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/just214%2Ftailwind-cheatsheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/just214%2Ftailwind-cheatsheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/just214","download_url":"https://codeload.github.com/just214/tailwind-cheatsheet/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245029319,"owners_count":20549685,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cheatsheet","css","tailwindcss"],"created_at":"2024-07-31T06:00:55.935Z","updated_at":"2025-03-22T22:33:54.697Z","avatar_url":"https://github.com/just214.png","language":null,"funding_links":[],"categories":["Running the update"],"sub_categories":["By Popularity"],"readme":"# TailwindCSS Cheatsheet (ARCHIVED)\n\nUpdate 04/29/2022:\n\nI've made the decision to archive this repo for the following reasons:\n\n- This cheatsheet is behind by two major versions of Tailwind\n- The Tailwind V3 API has grown to a size that can no longer be confined to a single page\n- The Tailwind website is likely just as fast to search for what you are looking for\n- The API changes pretty frequently, and I don't want to have to maintain this cheatsheet\n\n\u003e Last updated on November 9th, 2020 for TailwindCSS v1.9.6\n\nThis README contains a complete list of the TailwindCSS class names for a quick reference.\n\nThere is also a more condensed, printable one-page jpg version:\n\n![Printable TailwindCSS Cheatsheet](https://github.com/gojutin/tailwindcss-cheatsheet/blob/main/printable-tailwindcss-cheatsheet.jpg?raw=true)\n\n## Default Config\n\n[View the TailwindCSS default configuration](https://github.com/tailwindlabs/tailwindcss/blob/v1/stubs/defaultConfig.stub.js)\n\nBreakpoints: sm:640px | md:768px | lg:1024px | xl:1280px\n\nColors: transparent, current, black, white, grays, reds, oranges, yellows, greens, teals, blues, indigos, purples, pinks\n\nSpacing: 0|1|2|3|4|5|6|8|10|12|16|20|24|32|40|48|56|64|px\n\nSupported Variants: responsive|group-hover|focus-within|first|last|odd|even|hover|focus|active|visited|disabled|motion-safe|motion-reduce\n\n## Utility Classes\n\n### LAYOUT\n\n**Container**\n\n- .container\n\n**Box Sizing**\n\n- .box-[border|content]\n\n**Display**\n\n- .block\n- .inline-block\n- .inline\n- .flex\n- .inline-flex\n- .table\n- .table-caption\n- .table-cell\n- .table-column\n- .table-column-group\n- .table-footer-group\n- .table-header-group\n- .table-row-group\n- .table-row\n- .flow-root\n- .grid\n- .inline-grid\n- .contents\n- .hidden\n\n**Floats**\n\n- .float-[right|left|none]\n- .clearfix\n\n**Clear**\n\n- .clear-[left|right|both|none]\n\n**Object Fit**\n\n- .object-[contain|cover|fill|none|scale-down]\n\n**Object Position**\n\n- .object-bottom\n- .object-center\n- .object-left\n- .object-left-bottom\n- .object-left-top\n- .object-right\n- .object-right-bottom\n- .object-right-top\n- .object-top\n\n**Overflow**\n\n- .overflow-[auto|hidden|visible|scroll]\n- .overflow-x-[auto|hidden|visible|scroll]\n- .overflow-y-[auto|hidden|visible|scroll]\n- .scrolling-[touch|auto]\n\n**Overscroll Behavior**\n\n- .overscroll-[auto|contain|none]\n- .overscroll-y-[auto|contain|none]\n- .overscroll-x-[auto|contain|none]\n\n**Position**\n\n- .static\n- .fixed\n- .absolute\n- .relative\n- .sticky\n\n**Top / Right / Bottom / Left**\n\n- .inset-[0|auto]\n- .inset-y-[0|auto]\n- .inset-x-[0|auto]\n- .top-[0|auto]\n- .right-[0|auto]\n- .bottom-[0|auto]\n- .left-[0|auto]\n\n**Visibility**\n\n- .visible\n- .invisible\n\n**Z-index**\n\n- .z-[0|10|20|30|40|50|auto]\n\n### FLEXBOX\n\n\u003e Make sure to use the `.flex` class with the classes below!\n\n**Flex Direction**\n\n- .flex-row\n- .flex-row-reverse\n- .flex-col\n- .flex-col-reverse\n\n**Flex Wrap**\n\n- .flex-wrap\n- .flex-wrap-reverse\n- .flex-no-wrap\n\n**Flex**\n\n- .flex-1\n- .flex-auto\n- .flex-initial\n- .flex-none\n\n**Flex Grow**\n\n- .flex-grow-0\n- .flex-grow\n\n**Flex Shrink**\n\n- .flex-shrink-0\n- .flex-shrink\n\n**Order**\n\n- .order-[1|2|3|4|5|6|7|8|9|10|11|12]\n- .order-[first|last|none]\n\n### GRID\n\n**Grid Template Columns**\n\n- .grid-cols-[1|2|3|4|5|6|7|8|9|10|11|12|none]\n\n**Grid Column Start / End**\n\n- .col-auto\n- .col-span-[1|2|3|4|5|6|7|8|9|10|11|12|full]\n- .col-start-[1|2|3|4|5|6|7|8|9|10|11|12|13|auto]\n- .col-end-[1|2|3|4|5|6|7|8|9|10|11|12|13|auto]\n\n**Grid Template Rows**\n\n- .grid-rows-[1|2|3|4|5|6|none]\n\n**Grid Row Start / End**\n\n- .row-auto\n- .row-span-[1|2|3|4|5|6|full]\n- .row-start-[1|2|3|4|5|6|7|auto]\n- .row-end-[1|2|3|4|5|6|7|auto]\n\n**Grid Auto Flow**\n\n- .grid-flow-row\n- .grid-flow-col\n- .grid-flow-row-dense\n- .grid-flow-col-dense\n\n**Grid Auto Columns**\n\n- .auto-cols-auto\n- .auto-cols-min\n- .auto-cols-max\n- .auto-cols-fr\n\n**Grid Auto Rows**\n\n- .auto-rows-auto\n- .auto-rows-min\n- .auto-rows-max\n- .auto-rows-fr\n\n**Gap**\n\n- .gap-[0|1|2|3|4|5|6|8|10|12|16|20|24|32|40|48|56|64|px]\n- .gap-x-[0|1|2|3|4|5|6|8|10|12|16|20|24|32|40|48|56|64|px]\n- .gap-y-[0|1|2|3|4|5|6|8|10|12|16|20|24|32|40|48|56|64|px]\n\n### BOX ALIGNMENT\n\n**Justify Content**\n\n- .justify-[start|end|center|between|around|evenly]\n\n**Justify Items**\n\n- .justify-items-[auto|start|end|center|stretch]\n\n**Justify Self**\n\n- .justify-self-[auto|start|end|center|stretch]\n\n**Align Content**\n\n- .content-[center|start|end|between|around|evenly]\n\n**Align Items**\n\n- .items-[start|end|center|baseline|stretch]\n\n**Align Self**\n\n- .self-[auto|start|end|center|stretch]\n\n**Place Content**\n\n- .place-content-[center|start|end|between|around|evenly|stretch]\n\n**Place Items**\n\n- .place-items-[auto|start|end|center|stretch]\n\n**Place Self**\n\n- .place-self-[auto|start|end|center|stretch]\n\n### SPACING\n\n**Padding**\n\n- .[p|py|px|pt|pr|pb|pl]-[0|1|2|3|4|5|6|10|12|16|20|24|32|40|48|56|64|px]\n\n**Margin**\n\n- .[m|my|mx|mt|mr|mb|ml]-[0|1|2|3|4|5|6|10|12|16|20|24|32|40|48|56|64|auto|px]\n- .-[m|my|mx|mt|mr|mb|ml]-[0|1|2|3|4|5|6|10|12|16|20|24|32|40|48|56|64|px]\n\n**Space Between**\n\n- .space-[x|y]-[0|1|2|3|4|5|6|10|12|16|20|24|32|40|48|56|64|px|reverse]\n- .-space-[x|y]-[0|1|2|3|4|5|6|10|12|16|20|24|32|40|48|56|64|px]\n\n### SIZING\n\n**Width**\n\n- .w-[0|1|2|3|4|5|6|10|12|16|20|24|32|40|48|56|64|auto|px]\n- .w-[1/2|1/3|2/3|1/4|2/4|3/4]\n- .w-[1/5|2/5|3/5|4/5]\n- .w-[1/6|2/6|3/6|4/6|5/6]\n- .w-[1/12|2/12|3/12|4/12|5/12|6/12|7/12|8/12|9/12|10/12|11/12]\n- .w-[full|screen]\n\n**Min-Width**\n\n- .min-w-[0|full]\n\n**Max-Width**\n\n- .max-w-[none|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|full]\n- .max-w-screen-[sm|md|lg|xl]\n\n**Height**\n\n- .h-[0|1|2|3|4|5|6|10|12|16|20|24|32|40|48|56|64|auto|px|full|screen]\n\n**Min-Height**\n\n- .min-h-[0,full,screen]\n\n**Max-Height**\n\n- .max-h-[full,screen]\n\n### TYPOGRAPHY\n\n**Font Family**\n\n- .font[sans|serif|mono]\n\n**Font Size**\n\n- .text-[xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl]\n\n**Font Smoothing**\n\n- .antialiased\n- .subpixel-antialiased\n\n**Font Style**\n\n- .italic\n- .not-italic\n\n**Font Weight**\n\n- .font-[hairline|thin|light|normal|medium|semibold|bold|extrabold|black]\n\n**Font Variant Numeric**\n\n- .normal-nums\n- .ordinal\n- .slashed-zero\n- .lining-nums\n- .oldstyle-nums\n- .proportional-nums\n- .tabular-nums\n- .diagonal-fractions\n- .stacked-fractions\n\n**Letter Spacing**\n\n- .tracking-[tighter|tight|normal|wide|wider|widest]\n\n**Line Height**\n\n- .leading-[3|4|5|6|7|8|9|10|none|tight|snug|normal|relaxed|loose]\n\n**List Style Type**\n\n- .list-[none|disc|decimal]\n\n**List Style Position**\n\n- .list-[inside|outside]\n\n**Placeholder Color**\n\n- .placeholder-[transparent|current|black|white]\n- .placeholder-gray-[100|200|300|400|500|600|700|800|900]\n- .placeholder-red-[100|200|300|400|500|600|700|800|900]\n- .placeholder-orange-[100|200|300|400|500|600|700|800|900]\n- .placeholder-yellow-[100|200|300|400|500|600|700|800|900]\n- .placeholder-green-[100|200|300|400|500|600|700|800|900]\n- .placeholder-teal-[100|200|300|400|500|600|700|800|900]\n- .placeholder-blue-[100|200|300|400|500|600|700|800|900]\n- .placeholder-indigo-[100|200|300|400|500|600|700|800|900]\n- .placeholder-purple-[100|200|300|400|500|600|700|800|900]\n- .placeholder-pink-[100|200|300|400|500|600|700|800|900]\n\n**Placeholder Opacity**\n\n- .placeholder-opacity-[0|25|50|75|100]\n\n**Text Align**\n\n- .text-[left|center|right|justify]\n\n**Text Color**\n\n- .text-[transparent|current|black|white]\n- .text-gray-[100|200|300|400|500|600|700|800|900]\n- .text-red-[100|200|300|400|500|600|700|800|900]\n- .text-orange-[100|200|300|400|500|600|700|800|900]\n- .text-yellow-[100|200|300|400|500|600|700|800|900]\n- .text-green-[100|200|300|400|500|600|700|800|900]\n- .text-teal-[100|200|300|400|500|600|700|800|900]\n- .text-blue-[100|200|300|400|500|600|700|800|900]\n- .text-indigo-[100|200|300|400|500|600|700|800|900]\n- .text-purple-[100|200|300|400|500|600|700|800|900]\n- .text-pink-[100|200|300|400|500|600|700|800|900]\n\n**Text Opacity**\n\n- .text-opacity-[0|25|50|75|100]\n\n**Text Decoration**\n\n- .underline\n- .line-through\n- .no-underline\n\n**Text Transform**\n\n- .uppercase\n- .lowercase\n- .capitalize\n- .normal-case\n\n**Vertical Align**\n\n- .align-[baseline|top|middle|bottom|text-top|text-bottom]\n\n**Whitespace**\n\n- .whitespace-[normal|no-wrap|pre|pre-line|pre-wrap]\n\n**Word Break**\n\n- .break-[normal|words|all]\n- .truncate\n\n### BACKGROUNDS\n\n**Background Attachment**\n\n- .bg-[fixed|local|scroll]\n\n**Background Clip**\n\n- .bg-clip-[border|padding|content|text]\n\n**Background Color**\n\n- .bg-[transparent|current|black|white]\n- .bg-gray-[100|200|300|400|500|600|700|800|900]\n- .bg-red-[100|200|300|400|500|600|700|800|900]\n- .bg-orange-[100|200|300|400|500|600|700|800|900]\n- .bg-yellow-[100|200|300|400|500|600|700|800|900]\n- .bg-green-[100|200|300|400|500|600|700|800|900]\n- .bg-teal-[100|200|300|400|500|600|700|800|900]\n- .bg-blue-[100|200|300|400|500|600|700|800|900]\n- .bg-indigo-[100|200|300|400|500|600|700|800|900]\n- .bg-purple-[100|200|300|400|500|600|700|800|900]\n- .bg-pink-[100|200|300|400|500|600|700|800|900]\n\n**Background Opacity**\n\n- .bg-opacity-[0|25|50|75|100]\n\n**Background Position**\n\n- .bg-bottom\n- .bg-center\n- .bg-left\n- .bg-left-bottom\n- .bg-left-top\n- .bg-right\n- .bg-right-bottom\n- .bg-right-top\n- .bg-top\n\n**Background Repeat**\n\n- .bg-repeat\n- .bg-no-repeat\n- .bg-repeat-x\n- .bg-repeat-y\n- .bg-repeat-round\n- .bg-repeat-space\n\n**Background Size**\n\n- .bg-[auto|cover|contain]\n\n**Background Image**\n\n- .bg-none\n- .bg-gradient-to-[t|tr|r|br|b|bl|l|tl]\n\n**Gradient Color Stops**\n\n- .from-[transparent|current|black|white]\n- .from-gray-[100|200|300|400|500|600|700|800|900]\n- .from-red-[100|200|300|400|500|600|700|800|900]\n- .from-orange-[100|200|300|400|500|600|700|800|900]\n- .from-yellow-[100|200|300|400|500|600|700|800|900]\n- .from-green-[100|200|300|400|500|600|700|800|900]\n- .from-teal-[100|200|300|400|500|600|700|800|900]\n- .from-blue-[100|200|300|400|500|600|700|800|900]\n- .from-indigo-[100|200|300|400|500|600|700|800|900]\n- .from-purple-[100|200|300|400|500|600|700|800|900]\n- .from-pink-[100|200|300|400|500|600|700|800|900]\n- .via-[transparent|current|black|white]\n- .via-gray-[100|200|300|400|500|600|700|800|900]\n- .via-red-[100|200|300|400|500|600|700|800|900]\n- .via-orange-[100|200|300|400|500|600|700|800|900]\n- .via-yellow-[100|200|300|400|500|600|700|800|900]\n- .via-green-[100|200|300|400|500|600|700|800|900]\n- .via-teal-[100|200|300|400|500|600|700|800|900]\n- .via-blue-[100|200|300|400|500|600|700|800|900]\n- .via-indigo-[100|200|300|400|500|600|700|800|900]\n- .via-purple-[100|200|300|400|500|600|700|800|900]\n- .via-pink-[100|200|300|400|500|600|700|800|900]\n- .to-[transparent|current|black|white]\n- .to-gray-[100|200|300|400|500|600|700|800|900]\n- .to-red-[100|200|300|400|500|600|700|800|900]\n- .to-orange-[100|200|300|400|500|600|700|800|900]\n- .to-yellow-[100|200|300|400|500|600|700|800|900]\n- .to-green-[100|200|300|400|500|600|700|800|900]\n- .to-teal-[100|200|300|400|500|600|700|800|900]\n- .to-blue-[100|200|300|400|500|600|700|800|900]\n- .to-indigo-[100|200|300|400|500|600|700|800|900]\n- .to-purple-[100|200|300|400|500|600|700|800|900]\n- .to-pink-[100|200|300|400|500|600|700|800|900]\n\n### BORDERS\n\n**Border Radius**\n\n- .rounded\n- .rounded-[none|sm|md|lg|xl|2xl|3xl|full]\n- .rounded-t-[none|sm|md|lg|xl|2xl|3xl|full]\n- .rounded-r-[none|sm|md|lg|xl|2xl|3xl|full]\n- .rounded-b-[none|sm|md|lg|xl|2xl|3xl|full]\n- .rounded-l-[none|sm|md|lg|xl|2xl|3xl|full]\n- .rounded-tl-[none|sm|md|lg|xl|2xl|3xl|full]\n- .rounded-tr-[none|sm|md|lg|xl|2xl|3xl|full]\n- .rounded-bl-[none|sm|md|lg|xl|2xl|3xl|full]\n- .rounded-br-[none|sm|md|lg|xl|2xl|3xl|full]\n\n**Border Width**\n\n- .border\n- .border-[0|2|4|8]\n- .border-[t|r|b|l]\n- .border-t-[0|2|4|8]\n- .border-r-[0|2|4|8]\n- .border-b-[0|2|4|8]\n- .border-l-[0|2|4|8]\n\n**Border Color**\n\n- .border-[transparent|current|black|white]\n- .border-gray-[100|200|300|400|500|600|700|800|900]\n- .border-red-[100|200|300|400|500|600|700|800|900]\n- .border-orange-[100|200|300|400|500|600|700|800|900]\n- .border-yellow-[100|200|300|400|500|600|700|800|900]\n- .border-green-[100|200|300|400|500|600|700|800|900]\n- .border-teal-[100|200|300|400|500|600|700|800|900]\n- .border-blue-[100|200|300|400|500|600|700|800|900]\n- .border-indigo-[100|200|300|400|500|600|700|800|900]\n- .border-purple-[100|200|300|400|500|600|700|800|900]\n- .border-pink-[100|200|300|400|500|600|700|800|900]\n\n**Border Opacity**\n\n- .border-opacity-[0|25|50|75|100]\n\n**Border Style**\n\n- .border-[solid|dashed|dotted|double|none]\n\n**Divide Width**\n\n- .divide-[x|y]\n- .divide-x-[0|2|4|8|reverse]\n- .divide-y-[0|2|4|8|reverse]\n\n**Divide Color**\n\n- .divide-[transparent|current|black|white]\n- .divide-gray-[100|200|300|400|500|600|700|800|900]\n- .divide-red-[100|200|300|400|500|600|700|800|900]\n- .divide-orange-[100|200|300|400|500|600|700|800|900]\n- .divide-yellow-[100|200|300|400|500|600|700|800|900]\n- .divide-green-[100|200|300|400|500|600|700|800|900]\n- .divide-teal-[100|200|300|400|500|600|700|800|900]\n- .divide-blue-[100|200|300|400|500|600|700|800|900]\n- .divide-indigo-[100|200|300|400|500|600|700|800|900]\n- .divide-purple-[100|200|300|400|500|600|700|800|900]\n- .divide-pink-[100|200|300|400|500|600|700|800|900]\n\n**Divide Opacity**\n\n- .divide-opacity-[0|25|50|75|100]\n\n**Divide Style**\n\n- .divide-[solid|dashed|dotted|double|none]\n\n### TABLES\n\n**Border Collapse**\n\n- .border-[collapse|seperate]\n\n**Table Layout**\n\n- .table-[auto|fixed]\n\n### EFFECTS\n\n**Box Shadow**\n\n- .shadow\n- .shadow-[xs|sm|md|lg|xl|2xl|inner|outline|none]\n\n**Opacity**\n\n- .opacity-[0|25|50|75|100]\n\n### TRANSITIONS AND ANIMATION\n\n**Transition Property**\n\n- .transition\n- .transition-[none|all|colors|opacity|shadow|transform]\n\n**Transition Duration**\n\n- .duration-[75|100|150|200|300|500|700|1000]\n\n**Transition Timing Function**\n\n- .ease-[linear|in|out|in-out]\n\n**Transition Delay**\n\n- .delay-[75|100|150|200|300|500|700|1000]\n\n**Animation**\n\n- .animate-[none|spin|ping|pulse|bounce]\n\n### TRANSFORMS\n\n**Scale**\n\n- .scale-[0|50|75|90|95|100|105|110|125|150]\n- .scale-x-[0|50|75|90|95|100|105|110|125|150]\n- .scale-y-[0|50|75|90|95|100|105|110|125|150]\n\n**Rotate**\n\n- .rotate-[0|1|2|3|6|12|45|90|180]\n- .-rotate-[1|2|3|6|12|45|90|180]\n\n**Translate**\n\n- .translate-x-[0|1|2|3|4|5|6|7|8|10|12|16|20|24|32|40|48|56|64|px|full|1/2]\n- .-translate-x-[1|2|3|4|5|6|7|8|10|12|16|20|24|32|40|48|56|64|px|full|1/2]\n- .translate-y-[0|1|2|3|4|5|6|7|8|10|12|16|20|24|32|40|48|56|64|px|full|1/2]\n- .-translate-y-[1|2|3|4|5|6|7|8|10|12|16|20|24|32|40|48|56|64|px|full|1/2]\n\n**Skew**\n\n- .skew-x-[0|1|2|3|6|12]\n- .-skew-x-[1|2|3|6|12]\n- .skew-y-[0|1|2|3|6|12]\n- .-skew-x-[1|2|3|6|12]\n\n**Transform Origin**\n\n- .origin-center\n- .origin-top\n- .origin-top-right\n- .origin-right\n- .origin-bottom-right\n- .origin-bottom\n- .origin-bottom-left\n- .origin-left\n- .origin-top-left\n\n### INTERACTIVITY\n\n**Appearance**\n\n- .appearance-none\n\n**Cursor**\n\n- .cursor-[auto|default|pointer|wait|text|move|not-allowed]\n\n**Outline**\n\n- .outline-[none|white|black]\n\n**Pointer Events**\n\n- .pointer-events-[none|auto]\n\n**Resize**\n\n- .resize\n- .resize-[none|y|x]\n\n**User Select**\n\n- .select-[none|text|all|auto]\n\n### SVG\n\n**Fill**\n\n- .fill-current\n\n**Stroke**\n\n- .stroke-current\n\n**Stroke Width**\n\n- .stroke-[0|1|2]\n\n### ACCESSIBILITY\n\n**Screen Readers**\n\n- .sr-only\n- .not-sr-only\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjust214%2Ftailwind-cheatsheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjust214%2Ftailwind-cheatsheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjust214%2Ftailwind-cheatsheet/lists"}