Created
May 11, 2024 02:49
-
-
Save TinsFox/d0e6d3bc26fd01bd1b771d0bb1ac1ec0 to your computer and use it in GitHub Desktop.
simple tailwindcss utilities
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.pointer-events-none { pointer-events : none } | |
.pointer-events-auto { pointer-events : auto } | |
.visible { visibility : visible } | |
.invisible { visibility : hidden } | |
.collapse { visibility : collapse } | |
.static { position : static } | |
.fixed { position : fixed } | |
.absolute { position : absolute } | |
.relative { position : relative } | |
.sticky { position : sticky } | |
.inset-0 { inset : 0px } | |
.inset-auto { inset : auto } | |
.inset-px { inset : 1px } | |
.inset-1\/2 { inset : 50% } | |
.inset-1\/3 { inset : 33.333333% } | |
.inset-2\/3 { inset : 66.666667% } | |
.inset-1\/4 { inset : 25% } | |
.inset-2\/4 { inset : 50% } | |
.inset-3\/4 { inset : 75% } | |
.inset-full { inset : 100% } | |
.inset-x-0 { left : 0px ; right : 0px } | |
.inset-x-auto { left : auto ; right : auto } | |
.inset-x-px { left : 1px ; right : 1px } | |
.inset-x-1\/2 { left : 50% ; right : 50% } | |
.inset-x-1\/3 { left : 33.333333% ; right : 33.333333% } | |
.inset-x-2\/3 { left : 66.666667% ; right : 66.666667% } | |
.inset-x-1\/4 { left : 25% ; right : 25% } | |
.inset-x-2\/4 { left : 50% ; right : 50% } | |
.inset-x-3\/4 { left : 75% ; right : 75% } | |
.inset-x-full { left : 100% ; right : 100% } | |
.inset-y-0 { top : 0px ; bottom : 0px } | |
.inset-y-auto { top : auto ; bottom : auto } | |
.inset-y-px { top : 1px ; bottom : 1px } | |
.inset-y-1\/2 { top : 50% ; bottom : 50% } | |
.inset-y-1\/3 { top : 33.333333% ; bottom : 33.333333% } | |
.inset-y-2\/3 { top : 66.666667% ; bottom : 66.666667% } | |
.inset-y-1\/4 { top : 25% ; bottom : 25% } | |
.inset-y-2\/4 { top : 50% ; bottom : 50% } | |
.inset-y-3\/4 { top : 75% ; bottom : 75% } | |
.inset-y-full { top : 100% ; bottom : 100% } | |
.start-0 { inset-inline-start : 0px } | |
.start-auto { inset-inline-start : auto } | |
.start-px { inset-inline-start : 1px } | |
.start-1\/2 { inset-inline-start : 50% } | |
.start-1\/3 { inset-inline-start : 33.333333% } | |
.start-2\/3 { inset-inline-start : 66.666667% } | |
.start-1\/4 { inset-inline-start : 25% } | |
.start-2\/4 { inset-inline-start : 50% } | |
.start-3\/4 { inset-inline-start : 75% } | |
.start-full { inset-inline-start : 100% } | |
.end-0 { inset-inline-end : 0px } | |
.end-auto { inset-inline-end : auto } | |
.end-px { inset-inline-end : 1px } | |
.end-1\/2 { inset-inline-end : 50% } | |
.end-1\/3 { inset-inline-end : 33.333333% } | |
.end-2\/3 { inset-inline-end : 66.666667% } | |
.end-1\/4 { inset-inline-end : 25% } | |
.end-2\/4 { inset-inline-end : 50% } | |
.end-3\/4 { inset-inline-end : 75% } | |
.end-full { inset-inline-end : 100% } | |
.top-0 { top : 0px } | |
.top-auto { top : auto } | |
.top-px { top : 1px } | |
.top-1\/2 { top : 50% } | |
.top-1\/3 { top : 33.333333% } | |
.top-2\/3 { top : 66.666667% } | |
.top-1\/4 { top : 25% } | |
.top-2\/4 { top : 50% } | |
.top-3\/4 { top : 75% } | |
.top-full { top : 100% } | |
.right-0 { right : 0px } | |
.right-auto { right : auto } | |
.right-px { right : 1px } | |
.right-1\/2 { right : 50% } | |
.right-1\/3 { right : 33.333333% } | |
.right-2\/3 { right : 66.666667% } | |
.right-1\/4 { right : 25% } | |
.right-2\/4 { right : 50% } | |
.right-3\/4 { right : 75% } | |
.right-full { right : 100% } | |
.bottom-0 { bottom : 0px } | |
.bottom-auto { bottom : auto } | |
.bottom-px { bottom : 1px } | |
.bottom-1\/2 { bottom : 50% } | |
.bottom-1\/3 { bottom : 33.333333% } | |
.bottom-2\/3 { bottom : 66.666667% } | |
.bottom-1\/4 { bottom : 25% } | |
.bottom-2\/4 { bottom : 50% } | |
.bottom-3\/4 { bottom : 75% } | |
.bottom-full { bottom : 100% } | |
.left-0 { left : 0px } | |
.left-auto { left : auto } | |
.left-px { left : 1px } | |
.left-1\/2 { left : 50% } | |
.left-1\/3 { left : 33.333333% } | |
.left-2\/3 { left : 66.666667% } | |
.left-1\/4 { left : 25% } | |
.left-2\/4 { left : 50% } | |
.left-3\/4 { left : 75% } | |
.left-full { left : 100% } | |
.isolate { isolation : isolate } | |
.isolation-auto { isolation : auto } | |
.z-0 { z-index : 0 } | |
.z-10 { z-index : 10 } | |
.z-20 { z-index : 20 } | |
.z-30 { z-index : 30 } | |
.z-40 { z-index : 40 } | |
.z-50 { z-index : 50 } | |
.z-auto { z-index : auto } | |
.order-1 { order : 1 } | |
.order-2 { order : 2 } | |
.order-3 { order : 3 } | |
.order-4 { order : 4 } | |
.order-5 { order : 5 } | |
.order-6 { order : 6 } | |
.order-7 { order : 7 } | |
.order-8 { order : 8 } | |
.order-9 { order : 9 } | |
.order-10 { order : 10 } | |
.order-11 { order : 11 } | |
.order-12 { order : 12 } | |
.order-first { order : -9999 } | |
.order-last { order : 9999 } | |
.order-none { order : 0 } | |
.col-auto { grid-column : auto } | |
.col-span-1 { grid-column : span 1 / span 1 } | |
.col-span-2 { grid-column : span 2 / span 2 } | |
.col-span-3 { grid-column : span 3 / span 3 } | |
.col-span-4 { grid-column : span 4 / span 4 } | |
.col-span-5 { grid-column : span 5 / span 5 } | |
.col-span-6 { grid-column : span 6 / span 6 } | |
.col-span-7 { grid-column : span 7 / span 7 } | |
.col-span-8 { grid-column : span 8 / span 8 } | |
.col-span-9 { grid-column : span 9 / span 9 } | |
.col-span-10 { grid-column : span 10 / span 10 } | |
.col-span-11 { grid-column : span 11 / span 11 } | |
.col-span-12 { grid-column : span 12 / span 12 } | |
.col-span-full { grid-column : 1 / -1 } | |
.col-start-1 { grid-column-start : 1 } | |
.col-start-2 { grid-column-start : 2 } | |
.col-start-3 { grid-column-start : 3 } | |
.col-start-4 { grid-column-start : 4 } | |
.col-start-5 { grid-column-start : 5 } | |
.col-start-6 { grid-column-start : 6 } | |
.col-start-7 { grid-column-start : 7 } | |
.col-start-8 { grid-column-start : 8 } | |
.col-start-9 { grid-column-start : 9 } | |
.col-start-10 { grid-column-start : 10 } | |
.col-start-11 { grid-column-start : 11 } | |
.col-start-12 { grid-column-start : 12 } | |
.col-start-13 { grid-column-start : 13 } | |
.col-start-auto { grid-column-start : auto } | |
.col-end-1 { grid-column-end : 1 } | |
.col-end-2 { grid-column-end : 2 } | |
.col-end-3 { grid-column-end : 3 } | |
.col-end-4 { grid-column-end : 4 } | |
.col-end-5 { grid-column-end : 5 } | |
.col-end-6 { grid-column-end : 6 } | |
.col-end-7 { grid-column-end : 7 } | |
.col-end-8 { grid-column-end : 8 } | |
.col-end-9 { grid-column-end : 9 } | |
.col-end-10 { grid-column-end : 10 } | |
.col-end-11 { grid-column-end : 11 } | |
.col-end-12 { grid-column-end : 12 } | |
.col-end-13 { grid-column-end : 13 } | |
.col-end-auto { grid-column-end : auto } | |
.row-auto { grid-row : auto } | |
.row-span-1 { grid-row : span 1 / span 1 } | |
.row-span-2 { grid-row : span 2 / span 2 } | |
.row-span-3 { grid-row : span 3 / span 3 } | |
.row-span-4 { grid-row : span 4 / span 4 } | |
.row-span-5 { grid-row : span 5 / span 5 } | |
.row-span-6 { grid-row : span 6 / span 6 } | |
.row-span-7 { grid-row : span 7 / span 7 } | |
.row-span-8 { grid-row : span 8 / span 8 } | |
.row-span-9 { grid-row : span 9 / span 9 } | |
.row-span-10 { grid-row : span 10 / span 10 } | |
.row-span-11 { grid-row : span 11 / span 11 } | |
.row-span-12 { grid-row : span 12 / span 12 } | |
.row-span-full { grid-row : 1 / -1 } | |
.row-start-1 { grid-row-start : 1 } | |
.row-start-2 { grid-row-start : 2 } | |
.row-start-3 { grid-row-start : 3 } | |
.row-start-4 { grid-row-start : 4 } | |
.row-start-5 { grid-row-start : 5 } | |
.row-start-6 { grid-row-start : 6 } | |
.row-start-7 { grid-row-start : 7 } | |
.row-start-8 { grid-row-start : 8 } | |
.row-start-9 { grid-row-start : 9 } | |
.row-start-10 { grid-row-start : 10 } | |
.row-start-11 { grid-row-start : 11 } | |
.row-start-12 { grid-row-start : 12 } | |
.row-start-13 { grid-row-start : 13 } | |
.row-start-auto { grid-row-start : auto } | |
.row-end-1 { grid-row-end : 1 } | |
.row-end-2 { grid-row-end : 2 } | |
.row-end-3 { grid-row-end : 3 } | |
.row-end-4 { grid-row-end : 4 } | |
.row-end-5 { grid-row-end : 5 } | |
.row-end-6 { grid-row-end : 6 } | |
.row-end-7 { grid-row-end : 7 } | |
.row-end-8 { grid-row-end : 8 } | |
.row-end-9 { grid-row-end : 9 } | |
.row-end-10 { grid-row-end : 10 } | |
.row-end-11 { grid-row-end : 11 } | |
.row-end-12 { grid-row-end : 12 } | |
.row-end-13 { grid-row-end : 13 } | |
.row-end-auto { grid-row-end : auto } | |
.float-start { float : inline-start } | |
.float-end { float : inline-end } | |
.float-right { float : right } | |
.float-left { float : left } | |
.float-none { float : none } | |
.clear-start { clear : inline-start } | |
.clear-end { clear : inline-end } | |
.clear-left { clear : left } | |
.clear-right { clear : right } | |
.clear-both { clear : both } | |
.clear-none { clear : none } | |
.m-0 { margin : 0px } | |
.m-auto { margin : auto } | |
.m-px { margin : 1px } | |
.mx-0 { margin-left : 0px ; margin-right : 0px } | |
.mx-auto { margin-left : auto ; margin-right : auto } | |
.mx-px { margin-left : 1px ; margin-right : 1px } | |
.my-0 { margin-top : 0px ; margin-bottom : 0px } | |
.my-auto { margin-top : auto ; margin-bottom : auto } | |
.my-px { margin-top : 1px ; margin-bottom : 1px } | |
.ms-0 { margin-inline-start : 0px } | |
.ms-auto { margin-inline-start : auto } | |
.ms-px { margin-inline-start : 1px } | |
.me-0 { margin-inline-end : 0px } | |
.me-auto { margin-inline-end : auto } | |
.me-px { margin-inline-end : 1px } | |
.mt-0 { margin-top : 0px } | |
.mt-auto { margin-top : auto } | |
.mt-px { margin-top : 1px } | |
.mr-0 { margin-right : 0px } | |
.mr-auto { margin-right : auto } | |
.mr-px { margin-right : 1px } | |
.mb-0 { margin-bottom : 0px } | |
.mb-auto { margin-bottom : auto } | |
.mb-px { margin-bottom : 1px } | |
.ml-0 { margin-left : 0px } | |
.ml-auto { margin-left : auto } | |
.ml-px { margin-left : 1px } | |
.box-border { box-sizing : border-box } | |
.box-content { box-sizing : content-box } | |
.line-clamp-1 { overflow : hidden ; display : -webkit-box ; -webkit-box-orient : vertical ; -webkit-line-clamp : 1 } | |
.line-clamp-2 { overflow : hidden ; display : -webkit-box ; -webkit-box-orient : vertical ; -webkit-line-clamp : 2 } | |
.line-clamp-3 { overflow : hidden ; display : -webkit-box ; -webkit-box-orient : vertical ; -webkit-line-clamp : 3 } | |
.line-clamp-4 { overflow : hidden ; display : -webkit-box ; -webkit-box-orient : vertical ; -webkit-line-clamp : 4 } | |
.line-clamp-5 { overflow : hidden ; display : -webkit-box ; -webkit-box-orient : vertical ; -webkit-line-clamp : 5 } | |
.line-clamp-6 { overflow : hidden ; display : -webkit-box ; -webkit-box-orient : vertical ; -webkit-line-clamp : 6 } | |
.line-clamp-none { overflow : visible ; display : block ; -webkit-box-orient : horizontal ; -webkit-line-clamp : none } | |
.block { display : block } | |
.inline-block { display : inline-block } | |
.inline { display : inline } | |
.flex { display : flex } | |
.inline-flex { display : inline-flex } | |
.table { display : table } | |
.inline-table { display : inline-table } | |
.table-caption { display : table-caption } | |
.table-cell { display : table-cell } | |
.table-column { display : table-column } | |
.table-column-group { display : table-column-group } | |
.table-footer-group { display : table-footer-group } | |
.table-header-group { display : table-header-group } | |
.table-row-group { display : table-row-group } | |
.table-row { display : table-row } | |
.flow-root { display : flow-root } | |
.grid { display : grid } | |
.inline-grid { display : inline-grid } | |
.contents { display : contents } | |
.list-item { display : list-item } | |
.hidden { display : none } | |
.aspect-auto { aspect-ratio : auto } | |
.aspect-square { aspect-ratio : 1 / 1 } | |
.aspect-video { aspect-ratio : 16 / 9 } | |
.size-0 { width : 0px ; height : 0px } | |
.size-auto { width : auto ; height : auto } | |
.size-px { width : 1px ; height : 1px } | |
.size-1\/2 { width : 50% ; height : 50% } | |
.size-1\/3 { width : 33.333333% ; height : 33.333333% } | |
.size-2\/3 { width : 66.666667% ; height : 66.666667% } | |
.size-1\/4 { width : 25% ; height : 25% } | |
.size-2\/4 { width : 50% ; height : 50% } | |
.size-3\/4 { width : 75% ; height : 75% } | |
.size-1\/5 { width : 20% ; height : 20% } | |
.size-2\/5 { width : 40% ; height : 40% } | |
.size-3\/5 { width : 60% ; height : 60% } | |
.size-4\/5 { width : 80% ; height : 80% } | |
.size-1\/6 { width : 16.666667% ; height : 16.666667% } | |
.size-2\/6 { width : 33.333333% ; height : 33.333333% } | |
.size-3\/6 { width : 50% ; height : 50% } | |
.size-4\/6 { width : 66.666667% ; height : 66.666667% } | |
.size-5\/6 { width : 83.333333% ; height : 83.333333% } | |
.size-1\/12 { width : 8.333333% ; height : 8.333333% } | |
.size-2\/12 { width : 16.666667% ; height : 16.666667% } | |
.size-3\/12 { width : 25% ; height : 25% } | |
.size-4\/12 { width : 33.333333% ; height : 33.333333% } | |
.size-5\/12 { width : 41.666667% ; height : 41.666667% } | |
.size-6\/12 { width : 50% ; height : 50% } | |
.size-7\/12 { width : 58.333333% ; height : 58.333333% } | |
.size-8\/12 { width : 66.666667% ; height : 66.666667% } | |
.size-9\/12 { width : 75% ; height : 75% } | |
.size-10\/12 { width : 83.333333% ; height : 83.333333% } | |
.size-11\/12 { width : 91.666667% ; height : 91.666667% } | |
.size-full { width : 100% ; height : 100% } | |
.size-min { width : min-content ; height : min-content } | |
.size-max { width : max-content ; height : max-content } | |
.size-fit { width : fit-content ; height : fit-content } | |
.h-0 { height : 0px } | |
.h-auto { height : auto } | |
.h-px { height : 1px } | |
.h-1\/2 { height : 50% } | |
.h-1\/3 { height : 33.333333% } | |
.h-2\/3 { height : 66.666667% } | |
.h-1\/4 { height : 25% } | |
.h-2\/4 { height : 50% } | |
.h-3\/4 { height : 75% } | |
.h-1\/5 { height : 20% } | |
.h-2\/5 { height : 40% } | |
.h-3\/5 { height : 60% } | |
.h-4\/5 { height : 80% } | |
.h-1\/6 { height : 16.666667% } | |
.h-2\/6 { height : 33.333333% } | |
.h-3\/6 { height : 50% } | |
.h-4\/6 { height : 66.666667% } | |
.h-5\/6 { height : 83.333333% } | |
.h-full { height : 100% } | |
.h-screen { height : 100vh } | |
.h-svh { height : 100svh } | |
.h-lvh { height : 100lvh } | |
.h-dvh { height : 100dvh } | |
.h-min { height : min-content } | |
.h-max { height : max-content } | |
.h-fit { height : fit-content } | |
.max-h-0 { max-height : 0px } | |
.max-h-px { max-height : 1px } | |
.max-h-none { max-height : none } | |
.max-h-full { max-height : 100% } | |
.max-h-screen { max-height : 100vh } | |
.max-h-svh { max-height : 100svh } | |
.max-h-lvh { max-height : 100lvh } | |
.max-h-dvh { max-height : 100dvh } | |
.max-h-min { max-height : min-content } | |
.max-h-max { max-height : max-content } | |
.max-h-fit { max-height : fit-content } | |
.min-h-0 { min-height : 0px } | |
.min-h-px { min-height : 1px } | |
.min-h-full { min-height : 100% } | |
.min-h-screen { min-height : 100vh } | |
.min-h-svh { min-height : 100svh } | |
.min-h-lvh { min-height : 100lvh } | |
.min-h-dvh { min-height : 100dvh } | |
.min-h-min { min-height : min-content } | |
.min-h-max { min-height : max-content } | |
.min-h-fit { min-height : fit-content } | |
.w-0 { width : 0px } | |
.w-auto { width : auto } | |
.w-px { width : 1px } | |
.w-1\/2 { width : 50% } | |
.w-1\/3 { width : 33.333333% } | |
.w-2\/3 { width : 66.666667% } | |
.w-1\/4 { width : 25% } | |
.w-2\/4 { width : 50% } | |
.w-3\/4 { width : 75% } | |
.w-1\/5 { width : 20% } | |
.w-2\/5 { width : 40% } | |
.w-3\/5 { width : 60% } | |
.w-4\/5 { width : 80% } | |
.w-1\/6 { width : 16.666667% } | |
.w-2\/6 { width : 33.333333% } | |
.w-3\/6 { width : 50% } | |
.w-4\/6 { width : 66.666667% } | |
.w-5\/6 { width : 83.333333% } | |
.w-1\/12 { width : 8.333333% } | |
.w-2\/12 { width : 16.666667% } | |
.w-3\/12 { width : 25% } | |
.w-4\/12 { width : 33.333333% } | |
.w-5\/12 { width : 41.666667% } | |
.w-6\/12 { width : 50% } | |
.w-7\/12 { width : 58.333333% } | |
.w-8\/12 { width : 66.666667% } | |
.w-9\/12 { width : 75% } | |
.w-10\/12 { width : 83.333333% } | |
.w-11\/12 { width : 91.666667% } | |
.w-full { width : 100% } | |
.w-screen { width : 100vw } | |
.w-svw { width : 100svw } | |
.w-lvw { width : 100lvw } | |
.w-dvw { width : 100dvw } | |
.w-min { width : min-content } | |
.w-max { width : max-content } | |
.w-fit { width : fit-content } | |
.min-w-0 { min-width : 0px } | |
.min-w-px { min-width : 1px } | |
.min-w-full { min-width : 100% } | |
.min-w-min { min-width : min-content } | |
.min-w-max { min-width : max-content } | |
.min-w-fit { min-width : fit-content } | |
.max-w-0 { max-width : 0px } | |
.max-w-px { max-width : 1px } | |
.max-w-none { max-width : none } | |
.max-w-full { max-width : 100% } | |
.max-w-min { max-width : min-content } | |
.max-w-max { max-width : max-content } | |
.max-w-fit { max-width : fit-content } | |
.max-w-prose { max-width : 65ch } | |
.max-w-screen-sm { max-width : 640px } | |
.max-w-screen-md { max-width : 768px } | |
.max-w-screen-lg { max-width : 1024px } | |
.max-w-screen-xl { max-width : 1280px } | |
.max-w-screen-2xl { max-width : 1536px } | |
.flex-1 { flex : 1 1 0% } | |
.flex-auto { flex : 1 1 auto } | |
.flex-initial { flex : 0 1 auto } | |
.flex-none { flex : none } | |
.flex-shrink-0 { flex-shrink : 0 } | |
.flex-shrink { flex-shrink : 1 } | |
.shrink-0 { flex-shrink : 0 } | |
.shrink { flex-shrink : 1 } | |
.flex-grow-0 { flex-grow : 0 } | |
.flex-grow { flex-grow : 1 } | |
.grow-0 { flex-grow : 0 } | |
.grow { flex-grow : 1 } | |
.basis-0 { flex-basis : 0px } | |
.basis-auto { flex-basis : auto } | |
.basis-px { flex-basis : 1px } | |
.basis-1\/2 { flex-basis : 50% } | |
.basis-1\/3 { flex-basis : 33.333333% } | |
.basis-2\/3 { flex-basis : 66.666667% } | |
.basis-1\/4 { flex-basis : 25% } | |
.basis-2\/4 { flex-basis : 50% } | |
.basis-3\/4 { flex-basis : 75% } | |
.basis-1\/5 { flex-basis : 20% } | |
.basis-2\/5 { flex-basis : 40% } | |
.basis-3\/5 { flex-basis : 60% } | |
.basis-4\/5 { flex-basis : 80% } | |
.basis-1\/6 { flex-basis : 16.666667% } | |
.basis-2\/6 { flex-basis : 33.333333% } | |
.basis-3\/6 { flex-basis : 50% } | |
.basis-4\/6 { flex-basis : 66.666667% } | |
.basis-5\/6 { flex-basis : 83.333333% } | |
.basis-1\/12 { flex-basis : 8.333333% } | |
.basis-2\/12 { flex-basis : 16.666667% } | |
.basis-3\/12 { flex-basis : 25% } | |
.basis-4\/12 { flex-basis : 33.333333% } | |
.basis-5\/12 { flex-basis : 41.666667% } | |
.basis-6\/12 { flex-basis : 50% } | |
.basis-7\/12 { flex-basis : 58.333333% } | |
.basis-8\/12 { flex-basis : 66.666667% } | |
.basis-9\/12 { flex-basis : 75% } | |
.basis-10\/12 { flex-basis : 83.333333% } | |
.basis-11\/12 { flex-basis : 91.666667% } | |
.basis-full { flex-basis : 100% } | |
.table-auto { table-layout : auto } | |
.table-fixed { table-layout : fixed } | |
.caption-top { caption-side : top } | |
.caption-bottom { caption-side : bottom } | |
.border-collapse { border-collapse : collapse } | |
.border-separate { border-collapse : separate } | |
.origin-center { transform-origin : center } | |
.origin-top { transform-origin : top } | |
.origin-top-right { transform-origin : top right } | |
.origin-right { transform-origin : right } | |
.origin-bottom-right { transform-origin : bottom right } | |
.origin-bottom { transform-origin : bottom } | |
.origin-bottom-left { transform-origin : bottom left } | |
.origin-left { transform-origin : left } | |
.origin-top-left { transform-origin : top left } | |
.cursor-auto { cursor : auto } | |
.cursor-default { cursor : default } | |
.cursor-pointer { cursor : pointer } | |
.cursor-wait { cursor : wait } | |
.cursor-text { cursor : text } | |
.cursor-move { cursor : move } | |
.cursor-help { cursor : help } | |
.cursor-not-allowed { cursor : not-allowed } | |
.cursor-none { cursor : none } | |
.cursor-context-menu { cursor : context-menu } | |
.cursor-progress { cursor : progress } | |
.cursor-cell { cursor : cell } | |
.cursor-crosshair { cursor : crosshair } | |
.cursor-vertical-text { cursor : vertical-text } | |
.cursor-alias { cursor : alias } | |
.cursor-copy { cursor : copy } | |
.cursor-no-drop { cursor : no-drop } | |
.cursor-grab { cursor : grab } | |
.cursor-grabbing { cursor : grabbing } | |
.cursor-all-scroll { cursor : all-scroll } | |
.cursor-col-resize { cursor : col-resize } | |
.cursor-row-resize { cursor : row-resize } | |
.cursor-n-resize { cursor : n-resize } | |
.cursor-e-resize { cursor : e-resize } | |
.cursor-s-resize { cursor : s-resize } | |
.cursor-w-resize { cursor : w-resize } | |
.cursor-ne-resize { cursor : ne-resize } | |
.cursor-nw-resize { cursor : nw-resize } | |
.cursor-se-resize { cursor : se-resize } | |
.cursor-sw-resize { cursor : sw-resize } | |
.cursor-ew-resize { cursor : ew-resize } | |
.cursor-ns-resize { cursor : ns-resize } | |
.cursor-nesw-resize { cursor : nesw-resize } | |
.cursor-nwse-resize { cursor : nwse-resize } | |
.cursor-zoom-in { cursor : zoom-in } | |
.cursor-zoom-out { cursor : zoom-out } | |
.touch-auto { touch-action : auto } | |
.touch-none { touch-action : none } | |
.touch-manipulation { touch-action : manipulation } | |
.select-none { user-select : none } | |
.select-text { user-select : text } | |
.select-all { user-select : all } | |
.select-auto { user-select : auto } | |
.resize-none { resize : none } | |
.resize-y { resize : vertical } | |
.resize-x { resize : horizontal } | |
.resize { resize : both } | |
.snap-none { scroll-snap-type : none } | |
.snap-mandatory { --tw-scroll-snap-strictness : mandatory } | |
.snap-proximity { --tw-scroll-snap-strictness : proximity } | |
.snap-start { scroll-snap-align : start } | |
.snap-end { scroll-snap-align : end } | |
.snap-center { scroll-snap-align : center } | |
.snap-align-none { scroll-snap-align : none } | |
.snap-normal { scroll-snap-stop : normal } | |
.snap-always { scroll-snap-stop : always } | |
.scroll-m-0 { scroll-margin : 0px } | |
.scroll-m-px { scroll-margin : 1px } | |
.scroll-mx-0 { scroll-margin-left : 0px ; scroll-margin-right : 0px } | |
.scroll-mx-px { scroll-margin-left : 1px ; scroll-margin-right : 1px } | |
.scroll-my-0 { scroll-margin-top : 0px ; scroll-margin-bottom : 0px } | |
.scroll-my-px { scroll-margin-top : 1px ; scroll-margin-bottom : 1px } | |
.scroll-ms-0 { scroll-margin-inline-start : 0px } | |
.scroll-ms-px { scroll-margin-inline-start : 1px } | |
.scroll-me-0 { scroll-margin-inline-end : 0px } | |
.scroll-me-px { scroll-margin-inline-end : 1px } | |
.scroll-mt-0 { scroll-margin-top : 0px } | |
.scroll-mt-px { scroll-margin-top : 1px } | |
.scroll-mr-0 { scroll-margin-right : 0px } | |
.scroll-mr-px { scroll-margin-right : 1px } | |
.scroll-mb-0 { scroll-margin-bottom : 0px } | |
.scroll-mb-px { scroll-margin-bottom : 1px } | |
.scroll-ml-0 { scroll-margin-left : 0px } | |
.scroll-ml-px { scroll-margin-left : 1px } | |
.scroll-p-0 { scroll-padding : 0px } | |
.scroll-p-px { scroll-padding : 1px } | |
.scroll-px-0 { scroll-padding-left : 0px ; scroll-padding-right : 0px } | |
.scroll-px-px { scroll-padding-left : 1px ; scroll-padding-right : 1px } | |
.scroll-py-0 { scroll-padding-top : 0px ; scroll-padding-bottom : 0px } | |
.scroll-py-px { scroll-padding-top : 1px ; scroll-padding-bottom : 1px } | |
.scroll-ps-0 { scroll-padding-inline-start : 0px } | |
.scroll-ps-px { scroll-padding-inline-start : 1px } | |
.scroll-pe-0 { scroll-padding-inline-end : 0px } | |
.scroll-pe-px { scroll-padding-inline-end : 1px } | |
.scroll-pt-0 { scroll-padding-top : 0px } | |
.scroll-pt-px { scroll-padding-top : 1px } | |
.scroll-pr-0 { scroll-padding-right : 0px } | |
.scroll-pr-px { scroll-padding-right : 1px } | |
.scroll-pb-0 { scroll-padding-bottom : 0px } | |
.scroll-pb-px { scroll-padding-bottom : 1px } | |
.scroll-pl-0 { scroll-padding-left : 0px } | |
.scroll-pl-px { scroll-padding-left : 1px } | |
.list-inside { list-style-position : inside } | |
.list-outside { list-style-position : outside } | |
.list-none { list-style-type : none } | |
.list-disc { list-style-type : disc } | |
.list-decimal { list-style-type : decimal } | |
.list-image-none { list-style-image : none } | |
.appearance-none { appearance : none } | |
.appearance-auto { appearance : auto } | |
.columns-1 { columns : 1 } | |
.columns-2 { columns : 2 } | |
.columns-3 { columns : 3 } | |
.columns-4 { columns : 4 } | |
.columns-5 { columns : 5 } | |
.columns-6 { columns : 6 } | |
.columns-7 { columns : 7 } | |
.columns-8 { columns : 8 } | |
.columns-9 { columns : 9 } | |
.columns-10 { columns : 10 } | |
.columns-11 { columns : 11 } | |
.columns-12 { columns : 12 } | |
.columns-auto { columns : auto } | |
.break-before-auto { break-before : auto } | |
.break-before-avoid { break-before : avoid } | |
.break-before-all { break-before : all } | |
.break-before-avoid-page { break-before : avoid-page } | |
.break-before-page { break-before : page } | |
.break-before-left { break-before : left } | |
.break-before-right { break-before : right } | |
.break-before-column { break-before : column } | |
.break-inside-auto { break-inside : auto } | |
.break-inside-avoid { break-inside : avoid } | |
.break-inside-avoid-page { break-inside : avoid-page } | |
.break-inside-avoid-column { break-inside : avoid-column } | |
.break-after-auto { break-after : auto } | |
.break-after-avoid { break-after : avoid } | |
.break-after-all { break-after : all } | |
.break-after-avoid-page { break-after : avoid-page } | |
.break-after-page { break-after : page } | |
.break-after-left { break-after : left } | |
.break-after-right { break-after : right } | |
.break-after-column { break-after : column } | |
.auto-cols-auto { grid-auto-columns : auto } | |
.auto-cols-min { grid-auto-columns : min-content } | |
.auto-cols-max { grid-auto-columns : max-content } | |
.auto-cols-fr { grid-auto-columns : minmax0, 1fr } | |
.grid-flow-row { grid-auto-flow : row } | |
.grid-flow-col { grid-auto-flow : column } | |
.grid-flow-dense { grid-auto-flow : dense } | |
.grid-flow-row-dense { grid-auto-flow : row dense } | |
.grid-flow-col-dense { grid-auto-flow : column dense } | |
.auto-rows-auto { grid-auto-rows : auto } | |
.auto-rows-min { grid-auto-rows : min-content } | |
.auto-rows-max { grid-auto-rows : max-content } | |
.auto-rows-fr { grid-auto-rows : minmax0, 1fr } | |
.grid-cols-1 { grid-template-columns : repeat1, minmax0, 1fr } | |
.grid-cols-2 { grid-template-columns : repeat2, minmax0, 1fr } | |
.grid-cols-3 { grid-template-columns : repeat3, minmax0, 1fr } | |
.grid-cols-4 { grid-template-columns : repeat4, minmax0, 1fr } | |
.grid-cols-5 { grid-template-columns : repeat5, minmax0, 1fr } | |
.grid-cols-6 { grid-template-columns : repeat6, minmax0, 1fr } | |
.grid-cols-7 { grid-template-columns : repeat7, minmax0, 1fr } | |
.grid-cols-8 { grid-template-columns : repeat8, minmax0, 1fr } | |
.grid-cols-9 { grid-template-columns : repeat9, minmax0, 1fr } | |
.grid-cols-10 { grid-template-columns : repeat10, minmax0, 1fr } | |
.grid-cols-11 { grid-template-columns : repeat11, minmax0, 1fr } | |
.grid-cols-12 { grid-template-columns : repeat12, minmax0, 1fr } | |
.grid-cols-none { grid-template-columns : none } | |
.grid-cols-subgrid { grid-template-columns : subgrid } | |
.grid-rows-1 { grid-template-rows : repeat1, minmax0, 1fr } | |
.grid-rows-2 { grid-template-rows : repeat2, minmax0, 1fr } | |
.grid-rows-3 { grid-template-rows : repeat3, minmax0, 1fr } | |
.grid-rows-4 { grid-template-rows : repeat4, minmax0, 1fr } | |
.grid-rows-5 { grid-template-rows : repeat5, minmax0, 1fr } | |
.grid-rows-6 { grid-template-rows : repeat6, minmax0, 1fr } | |
.grid-rows-7 { grid-template-rows : repeat7, minmax0, 1fr } | |
.grid-rows-8 { grid-template-rows : repeat8, minmax0, 1fr } | |
.grid-rows-9 { grid-template-rows : repeat9, minmax0, 1fr } | |
.grid-rows-10 { grid-template-rows : repeat10, minmax0, 1fr } | |
.grid-rows-11 { grid-template-rows : repeat11, minmax0, 1fr } | |
.grid-rows-12 { grid-template-rows : repeat12, minmax0, 1fr } | |
.grid-rows-none { grid-template-rows : none } | |
.grid-rows-subgrid { grid-template-rows : subgrid } | |
.flex-row { flex-direction : row } | |
.flex-row-reverse { flex-direction : row-reverse } | |
.flex-col { flex-direction : column } | |
.flex-col-reverse { flex-direction : column-reverse } | |
.flex-wrap { flex-wrap : wrap } | |
.flex-wrap-reverse { flex-wrap : wrap-reverse } | |
.flex-nowrap { flex-wrap : nowrap } | |
.place-content-center { place-content : center } | |
.place-content-start { place-content : start } | |
.place-content-end { place-content : end } | |
.place-content-between { place-content : space-between } | |
.place-content-around { place-content : space-around } | |
.place-content-evenly { place-content : space-evenly } | |
.place-content-baseline { place-content : baseline } | |
.place-content-stretch { place-content : stretch } | |
.place-items-start { place-items : start } | |
.place-items-end { place-items : end } | |
.place-items-center { place-items : center } | |
.place-items-baseline { place-items : baseline } | |
.place-items-stretch { place-items : stretch } | |
.content-normal { align-content : normal } | |
.content-center { align-content : center } | |
.content-start { align-content : flex-start } | |
.content-end { align-content : flex-end } | |
.content-between { align-content : space-between } | |
.content-around { align-content : space-around } | |
.content-evenly { align-content : space-evenly } | |
.content-baseline { align-content : baseline } | |
.content-stretch { align-content : stretch } | |
.items-start { align-items : flex-start } | |
.items-end { align-items : flex-end } | |
.items-center { align-items : center } | |
.items-baseline { align-items : baseline } | |
.items-stretch { align-items : stretch } | |
.justify-normal { justify-content : normal } | |
.justify-start { justify-content : flex-start } | |
.justify-end { justify-content : flex-end } | |
.justify-center { justify-content : center } | |
.justify-between { justify-content : space-between } | |
.justify-around { justify-content : space-around } | |
.justify-evenly { justify-content : space-evenly } | |
.justify-stretch { justify-content : stretch } | |
.justify-items-start { justify-items : start } | |
.justify-items-end { justify-items : end } | |
.justify-items-center { justify-items : center } | |
.justify-items-stretch { justify-items : stretch } | |
.gap-0 { gap : 0px } | |
.gap-px { gap : 1px } | |
.gap-x-0 { column-gap : 0px } | |
.gap-x-px { column-gap : 1px } | |
.gap-y-0 { row-gap : 0px } | |
.gap-y-px { row-gap : 1px } | |
.place-self-auto { place-self : auto } | |
.place-self-start { place-self : start } | |
.place-self-end { place-self : end } | |
.place-self-center { place-self : center } | |
.place-self-stretch { place-self : stretch } | |
.self-auto { align-self : auto } | |
.self-start { align-self : flex-start } | |
.self-end { align-self : flex-end } | |
.self-center { align-self : center } | |
.self-stretch { align-self : stretch } | |
.self-baseline { align-self : baseline } | |
.justify-self-auto { justify-self : auto } | |
.justify-self-start { justify-self : start } | |
.justify-self-end { justify-self : end } | |
.justify-self-center { justify-self : center } | |
.justify-self-stretch { justify-self : stretch } | |
.overflow-auto { overflow : auto } | |
.overflow-hidden { overflow : hidden } | |
.overflow-clip { overflow : clip } | |
.overflow-visible { overflow : visible } | |
.overflow-scroll { overflow : scroll } | |
.overflow-x-auto { overflow-x : auto } | |
.overflow-y-auto { overflow-y : auto } | |
.overflow-x-hidden { overflow-x : hidden } | |
.overflow-y-hidden { overflow-y : hidden } | |
.overflow-x-clip { overflow-x : clip } | |
.overflow-y-clip { overflow-y : clip } | |
.overflow-x-visible { overflow-x : visible } | |
.overflow-y-visible { overflow-y : visible } | |
.overflow-x-scroll { overflow-x : scroll } | |
.overflow-y-scroll { overflow-y : scroll } | |
.overscroll-auto { overscroll-behavior : auto } | |
.overscroll-contain { overscroll-behavior : contain } | |
.overscroll-none { overscroll-behavior : none } | |
.overscroll-y-auto { overscroll-behavior-y : auto } | |
.overscroll-y-contain { overscroll-behavior-y : contain } | |
.overscroll-y-none { overscroll-behavior-y : none } | |
.overscroll-x-auto { overscroll-behavior-x : auto } | |
.overscroll-x-contain { overscroll-behavior-x : contain } | |
.overscroll-x-none { overscroll-behavior-x : none } | |
.scroll-auto { scroll-behavior : auto } | |
.scroll-smooth { scroll-behavior : smooth } | |
.truncate { overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap } | |
.overflow-ellipsis { text-overflow : ellipsis } | |
.text-ellipsis { text-overflow : ellipsis } | |
.text-clip { text-overflow : clip } | |
.hyphens-none { hyphens : none } | |
.hyphens-manual { hyphens : manual } | |
.hyphens-auto { hyphens : auto } | |
.whitespace-normal { white-space : normal } | |
.whitespace-nowrap { white-space : nowrap } | |
.whitespace-pre { white-space : pre } | |
.whitespace-pre-line { white-space : pre-line } | |
.whitespace-pre-wrap { white-space : pre-wrap } | |
.whitespace-break-spaces { white-space : break-spaces } | |
.text-wrap { text-wrap : wrap } | |
.text-nowrap { text-wrap : nowrap } | |
.text-balance { text-wrap : balance } | |
.text-pretty { text-wrap : pretty } | |
.break-normal { overflow-wrap : normal ; word-break : normal } | |
.break-words { overflow-wrap : break-word } | |
.break-all { word-break : break-all } | |
.break-keep { word-break : keep-all } | |
.rounded-none { border-radius : 0px } | |
.rounded-full { border-radius : 9999px } | |
.rounded-s-none { border-start-start-radius : 0px ; border-end-start-radius : 0px } | |
.rounded-s-full { border-start-start-radius : 9999px ; border-end-start-radius : 9999px } | |
.rounded-e-none { border-start-end-radius : 0px ; border-end-end-radius : 0px } | |
.rounded-e-full { border-start-end-radius : 9999px ; border-end-end-radius : 9999px } | |
.rounded-t-none { border-top-left-radius : 0px ; border-top-right-radius : 0px } | |
.rounded-t-full { border-top-left-radius : 9999px ; border-top-right-radius : 9999px } | |
.rounded-r-none { border-top-right-radius : 0px ; border-bottom-right-radius : 0px } | |
.rounded-r-full { border-top-right-radius : 9999px ; border-bottom-right-radius : 9999px } | |
.rounded-b-none { border-bottom-right-radius : 0px ; border-bottom-left-radius : 0px } | |
.rounded-b-full { border-bottom-right-radius : 9999px ; border-bottom-left-radius : 9999px } | |
.rounded-l-none { border-top-left-radius : 0px ; border-bottom-left-radius : 0px } | |
.rounded-l-full { border-top-left-radius : 9999px ; border-bottom-left-radius : 9999px } | |
.rounded-ss-none { border-start-start-radius : 0px } | |
.rounded-ss-full { border-start-start-radius : 9999px } | |
.rounded-se-none { border-start-end-radius : 0px } | |
.rounded-se-full { border-start-end-radius : 9999px } | |
.rounded-ee-none { border-end-end-radius : 0px } | |
.rounded-ee-full { border-end-end-radius : 9999px } | |
.rounded-es-none { border-end-start-radius : 0px } | |
.rounded-es-full { border-end-start-radius : 9999px } | |
.rounded-tl-none { border-top-left-radius : 0px } | |
.rounded-tl-full { border-top-left-radius : 9999px } | |
.rounded-tr-none { border-top-right-radius : 0px } | |
.rounded-tr-full { border-top-right-radius : 9999px } | |
.rounded-br-none { border-bottom-right-radius : 0px } | |
.rounded-br-full { border-bottom-right-radius : 9999px } | |
.rounded-bl-none { border-bottom-left-radius : 0px } | |
.rounded-bl-full { border-bottom-left-radius : 9999px } | |
.border-0 { border-width : 0px } | |
.border-2 { border-width : 2px } | |
.border-4 { border-width : 4px } | |
.border-8 { border-width : 8px } | |
.border { border-width : 1px } | |
.border-x-0 { border-left-width : 0px ; border-right-width : 0px } | |
.border-x-2 { border-left-width : 2px ; border-right-width : 2px } | |
.border-x-4 { border-left-width : 4px ; border-right-width : 4px } | |
.border-x-8 { border-left-width : 8px ; border-right-width : 8px } | |
.border-x { border-left-width : 1px ; border-right-width : 1px } | |
.border-y-0 { border-top-width : 0px ; border-bottom-width : 0px } | |
.border-y-2 { border-top-width : 2px ; border-bottom-width : 2px } | |
.border-y-4 { border-top-width : 4px ; border-bottom-width : 4px } | |
.border-y-8 { border-top-width : 8px ; border-bottom-width : 8px } | |
.border-y { border-top-width : 1px ; border-bottom-width : 1px } | |
.border-s-0 { border-inline-start-width : 0px } | |
.border-s-2 { border-inline-start-width : 2px } | |
.border-s-4 { border-inline-start-width : 4px } | |
.border-s-8 { border-inline-start-width : 8px } | |
.border-s { border-inline-start-width : 1px } | |
.border-e-0 { border-inline-end-width : 0px } | |
.border-e-2 { border-inline-end-width : 2px } | |
.border-e-4 { border-inline-end-width : 4px } | |
.border-e-8 { border-inline-end-width : 8px } | |
.border-e { border-inline-end-width : 1px } | |
.border-t-0 { border-top-width : 0px } | |
.border-t-2 { border-top-width : 2px } | |
.border-t-4 { border-top-width : 4px } | |
.border-t-8 { border-top-width : 8px } | |
.border-t { border-top-width : 1px } | |
.border-r-0 { border-right-width : 0px } | |
.border-r-2 { border-right-width : 2px } | |
.border-r-4 { border-right-width : 4px } | |
.border-r-8 { border-right-width : 8px } | |
.border-r { border-right-width : 1px } | |
.border-b-0 { border-bottom-width : 0px } | |
.border-b-2 { border-bottom-width : 2px } | |
.border-b-4 { border-bottom-width : 4px } | |
.border-b-8 { border-bottom-width : 8px } | |
.border-b { border-bottom-width : 1px } | |
.border-l-0 { border-left-width : 0px } | |
.border-l-2 { border-left-width : 2px } | |
.border-l-4 { border-left-width : 4px } | |
.border-l-8 { border-left-width : 8px } | |
.border-l { border-left-width : 1px } | |
.border-solid { border-style : solid } | |
.border-dashed { border-style : dashed } | |
.border-dotted { border-style : dotted } | |
.border-double { border-style : double } | |
.border-hidden { border-style : hidden } | |
.border-none { border-style : none } | |
.border-inherit { border-color : inherit } | |
.border-current { border-color : currentColor } | |
.border-transparent { border-color : transparent } | |
.opacity-50 { opacity : 0.5 } | |
.opacity-55 { opacity : 0.55 } | |
.opacity-60 { opacity : 0.6 } | |
.opacity-65 { opacity : 0.65 } | |
.opacity-70 { opacity : 0.7 } | |
.opacity-75 { opacity : 0.75 } | |
.opacity-80 { opacity : 0.8 } | |
.opacity-85 { opacity : 0.85 } | |
.opacity-90 { opacity : 0.9 } | |
.opacity-95 { opacity : 0.95 } | |
.opacity-100 { opacity : 1 } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment