Skip to content

Instantly share code, notes, and snippets.

@TinsFox
Created May 11, 2024 02:49
Show Gist options
  • Save TinsFox/d0e6d3bc26fd01bd1b771d0bb1ac1ec0 to your computer and use it in GitHub Desktop.
Save TinsFox/d0e6d3bc26fd01bd1b771d0bb1ac1ec0 to your computer and use it in GitHub Desktop.
simple tailwindcss utilities
.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