Interface: CorePlugins

twind.CorePlugins

Properties

absolute

absolute: **

Defined in: src/types/completion.ts:187


align

align: bottom | top | baseline | sub | super | middle | text-bottom | text-top

Defined in: src/types/completion.ts:361


animate

animate: {​{theme(animation)}​}

Defined in: src/types/completion.ts:430


antialiased

antialiased: **

Defined in: src/types/completion.ts:309


appearance

appearance: auto | none | menulist-button | textfield

Defined in: src/types/completion.ts:443


auto

auto: cols-auto | cols-{​{theme(gridAutoColumns)}​} | rows-auto | rows-{​{theme(gridAutoRows)}​}

Defined in: src/types/completion.ts:239


backdrop

backdrop: filter | filter-none | blur-{​{theme(backdropBlur)}​} | brightness-{​{theme(backdropBrightness)}​} | contrast-{​{theme(backdropContrast)}​} | grayscale-{​{theme(backdropGrayscale)}​} | hue-rotate-{​{theme(backdropHueRotate)}​} | -hue-rotate-{​{theme(backdropHueRotate)}​} | invert-{​{theme(backdropInvert)}​} | opacity-{​{theme(backdropOpacity)}​} | saturate-{​{theme(backdropSaturate)}​} | sepia-{​{theme(backdropSepia)}​}

Defined in: src/types/completion.ts:509


bg

bg: bottom | left | right | top | center | fixed | local | scroll | no-repeat | repeat | repeat-x | repeat-y | left-bottom | right-bottom | center-bottom | left-top | right-top | center-top | left-center | right-center | clip-padding | clip-content | clip-border | clip-text | {​{theme(backgroundColor)}​} | opacity-{​{theme(backgroundOpacity)}​} | {​{theme(backgroundPosition)}​} | repeat-space | repeat-round | gradient-to-t | gradient-to-r | gradient-to-b | gradient-to-l | gradient-to-tl | gradient-to-tr | gradient-to-bl | gradient-to-br | {​{theme(backgroundImage)}​} | {​{theme(backgroundSize)}​}

Defined in: src/types/completion.ts:367


bg-blend

bg-blend: BlendMode

Defined in: src/types/completion.ts:523


block

block: **

Defined in: src/types/completion.ts:159


blur

blur: {​{theme(blur)}​}

Defined in: src/types/completion.ts:500


border

border: none | dashed | dotted | double | solid | collapse | separate | {​{theme(borderWidth)}​} | x-{​{theme(borderWidth)}​} | y-{​{theme(borderWidth)}​} | lr-{​{theme(borderWidth)}​} | tb-{​{theme(borderWidth)}​} | t-{​{theme(borderWidth)}​} | r-{​{theme(borderWidth)}​} | b-{​{theme(borderWidth)}​} | l-{​{theme(borderWidth)}​} | tl-{​{theme(borderWidth)}​} | tr-{​{theme(borderWidth)}​} | bl-{​{theme(borderWidth)}​} | br-{​{theme(borderWidth)}​} | {​{theme(borderColor)}​} | opacity-{​{theme(borderOpacity)}​}

Defined in: src/types/completion.ts:388


bottom

bottom: Negatable<{​{theme(inset)}​}>

Defined in: src/types/completion.ts:195


box

box: content | border

Defined in: src/types/completion.ts:156


break

break: all | normal | words

Defined in: src/types/completion.ts:363


brightness

brightness: {​{theme(brightness)}​}

Defined in: src/types/completion.ts:501


capitalize

capitalize: **

Defined in: src/types/completion.ts:358


clear

clear: left | right | both | none

Defined in: src/types/completion.ts:166


col

col: span-{​{range(1,12,1)}​} | span-{​{nonzero}​} | start-auto | start-{​{nonzero}​} | start-{​{range(1,13,1)}​} | start-{​{theme(gridColumnStart)}​} | end-auto | end-{​{nonzero}​} | end-{​{range(1,13,1)}​} | end-{​{theme(gridColumnEnd)}​} | {​{theme(gridColumn)}​}

Defined in: src/types/completion.ts:227


container

container: **

Defined in: src/types/completion.ts:153


content

content: center | end | start | between | around | evenly

Defined in: src/types/completion.ts:256


contents

contents: **

Defined in: src/types/completion.ts:162


contrast

contrast: {​{theme(contrast)}​}

Defined in: src/types/completion.ts:502


cursor

cursor: auto | none | alias | all-scroll | cell | col-resize | context-menu | copy | crosshair | default | e-resize | ew-resize | grab | grabbing | help | move | n-resize | ne-resize | nesw-resize | no-drop | not-allowed | ns-resize | nw-resize | nwse-resize | pointer | progress | row-resize | s-resize | se-resize | sw-resize | text | vertical-text | w-resize | wait | zoom-in | zoom-out | {​{theme(cursor)}​}

Defined in: src/types/completion.ts:444


decoration

decoration: inherit | initial | unset | clone | slice

Defined in: src/types/completion.ts:154


delay

delay: {​{theme(transitionDelay)}​}

Defined in: src/types/completion.ts:429


diagonal-fractions

diagonal-fractions: **

Defined in: src/types/completion.ts:319


divide

divide: none | dashed | dotted | double | solid | x-reverse | y-reverse | x-{​{theme(divideWidth)}​} | y-{​{theme(divideWidth)}​} | {​{theme(divideColor)}​} | opacity-{​{theme(divideOpacity)}​}

Defined in: src/types/completion.ts:395


drop-shadow

drop-shadow: {​{theme(dropShadow)}​}

Defined in: src/types/completion.ts:507


duration

duration: {​{theme(durations)}​}

Defined in: src/types/completion.ts:427


ease

ease: {​{theme(transitionTimingFunction)}​}

Defined in: src/types/completion.ts:428


fill

fill: {​{theme(fill)}​}

Defined in: src/types/completion.ts:489


filter

filter: ** | none

Defined in: src/types/completion.ts:499


fixed

fixed: **

Defined in: src/types/completion.ts:186


flex

flex: ** | row | row-reverse | nowrap | wrap | wrap-reverse | col | col-reverse | grow | grow-0 | grow-{​{theme(flexGrow)}​} | grow-{​{number}​} | shrink | shrink-0 | shrink-{​{number}​} | shrink-{​{theme(flexShrink)}​} | {​{theme(flex)}​}

Defined in: src/types/completion.ts:206


float

float: left | right | none

Defined in: src/types/completion.ts:165


flow

flow: root

Defined in: src/types/completion.ts:161


font

font: italic | {​{theme(fontFamily)}​} | {​{theme(fontWeight)}​} | not-italic

Defined in: src/types/completion.ts:293


from

from: {​{theme(gradientColorStops)}​}

Defined in: src/types/completion.ts:381


gap

gap: {​{theme(gap)}​} | x-{​{theme(gap)}​} | y-{​{theme(gap)}​}

Defined in: src/types/completion.ts:243


grayscale

grayscale: {​{theme(grayscale)}​}

Defined in: src/types/completion.ts:503


grid

grid: ** | cols-none | cols-{​{range(1,12,1)}​} | cols-{​{nonzero}​} | cols-{​{theme(gridTemplateColumns)}​} | rows-none | rows-{​{nonzero}​} | rows-{​{range(1,6,1)}​} | rows-{​{theme(gridTemplateRows)}​} | flow-row | flow-dense | flow-col | flow-row-dense | flow-col-dense

Defined in: src/types/completion.ts:218


group

group: ** | {​{string}​}

Defined in: src/types/completion.ts:149


h

h: {​{theme(height)}​}

Defined in: src/types/completion.ts:289


hidden

hidden: **

Defined in: src/types/completion.ts:163


hue-rotate

hue-rotate: Negatable<{​{theme(hueRotate)}​}>

Defined in: src/types/completion.ts:503


inline

inline: ** | flex | grid | block | table

Defined in: src/types/completion.ts:160


inset

inset: Negatable<{​{theme(inset)}​} | x-{​{theme(inset)}​} | y-{​{theme(inset)}​}>

Defined in: src/types/completion.ts:192


invert

invert: {​{theme(invert)}​}

Defined in: src/types/completion.ts:505


invisible

invisible: **

Defined in: src/types/completion.ts:200


isolate

isolate: **

Defined in: src/types/completion.ts:168


isolation

isolation: inherit | initial | unset | auto | isolate

Defined in: src/types/completion.ts:169


italic

italic: **

Defined in: src/types/completion.ts:311


items

items: stretch | center | end | start | baseline

Defined in: src/types/completion.ts:257


justify

justify: center | end | start | self-end | self-start | between | around | evenly | items-stretch | self-stretch | items-center | self-center | items-end | items-start | items-auto | self-auto

Defined in: src/types/completion.ts:247


leading

leading: {​{theme(lineHeight)}​}

Defined in: src/types/completion.ts:323


left

left: Negatable<{​{theme(inset)}​}>

Defined in: src/types/completion.ts:196


line-through

line-through: **

Defined in: src/types/completion.ts:354


lining-nums

lining-nums: **

Defined in: src/types/completion.ts:315


list

list: none | inside | outside | circle | item | disc | sqaure | decimal | decimal-leading-zero | lower-alpha | upper-alpha | lower-roman | upper-roman | lower-greek | upper-greek | lower-latin | upper-latin | {​{theme(listStyleType)}​}

Defined in: src/types/completion.ts:324


lowercase

lowercase: **

Defined in: src/types/completion.ts:357


m

m: Negatable<{​{theme(margin)}​}>

Defined in: src/types/completion.ts:274


max

max: w-{​{theme(maxWidth)}​} | h-{​{theme(maxHeight)}​}

Defined in: src/types/completion.ts:288


mb

mb: Negatable<{​{theme(margin)}​}>

Defined in: src/types/completion.ts:279


min

min: w-{​{theme(minWidth)}​} | h-{​{theme(minHeight)}​}

Defined in: src/types/completion.ts:287


mix-blend

mix-blend: BlendMode

Defined in: src/types/completion.ts:519


ml

ml: Negatable<{​{theme(margin)}​}>

Defined in: src/types/completion.ts:280


mr

mr: Negatable<{​{theme(margin)}​}>

Defined in: src/types/completion.ts:278


mt

mt: Negatable<{​{theme(margin)}​}>

Defined in: src/types/completion.ts:277


mx

mx: Negatable<{​{theme(margin)}​}>

Defined in: src/types/completion.ts:276


my

my: Negatable<{​{theme(margin)}​}>

Defined in: src/types/completion.ts:275


no-underline

no-underline: **

Defined in: src/types/completion.ts:353


normal-case

normal-case: **

Defined in: src/types/completion.ts:358


normal-nums

normal-nums: **

Defined in: src/types/completion.ts:312


not-italic

not-italic: **

Defined in: src/types/completion.ts:311


not-sr-only

not-sr-only: **

Defined in: src/types/completion.ts:494


object

object: fill | bottom | contain | left | right | top | center | none | cover | scale-down | left-bottom | right-bottom | center-bottom | left-top | right-top | center-top | left-center | right-center | {​{theme(objectPosition)}​}

Defined in: src/types/completion.ts:171


oldstyle-nums

oldstyle-nums: **

Defined in: src/types/completion.ts:316


opacity

opacity: {​{theme(opacity)}​}

Defined in: src/types/completion.ts:410


order

order: {​{theme(order)}​}

Defined in: src/types/completion.ts:214


ordinal

ordinal: **

Defined in: src/types/completion.ts:314


origin

origin: bottom | left | right | top | center | bottom-left | top-left | bottom-right | top-right

Defined in: src/types/completion.ts:435


outline

outline: {​{theme(outline)}​}

Defined in: src/types/completion.ts:482


overflow

overflow: clip | auto | hidden | visible | scroll | ellipsis | x-auto | y-auto | x-hidden | y-hidden | x-visible | y-visible | x-scroll | y-scroll

Defined in: src/types/completion.ts:181


overscroll

overscroll: contain | auto | none | x-auto | y-auto | x-contain | y-contain | x-none | y-none

Defined in: src/types/completion.ts:182


p

p: {​{theme(padding)}​}

Defined in: src/types/completion.ts:266


pb

pb: {​{theme(padding)}​}

Defined in: src/types/completion.ts:271


pl

pl: {​{theme(padding)}​}

Defined in: src/types/completion.ts:272


place

place: self-end | self-start | items-stretch | self-stretch | items-center | self-center | items-end | items-start | items-auto | self-auto | content-stretch | content-center | content-end | content-start | content-between | content-around | content-evenly

Defined in: src/types/completion.ts:260


placeholder

placeholder: {​{theme(placeholderColor)}​} | opacity-{​{theme(placeholderOpacity)}​}

Defined in: src/types/completion.ts:352


pointer-events

pointer-events: auto | none

Defined in: src/types/completion.ts:482


pr

pr: {​{theme(padding)}​}

Defined in: src/types/completion.ts:270


proportional-nums

proportional-nums: **

Defined in: src/types/completion.ts:317


pt

pt: {​{theme(padding)}​}

Defined in: src/types/completion.ts:269


px

px: {​{theme(padding)}​}

Defined in: src/types/completion.ts:268


py

py: {​{theme(padding)}​}

Defined in: src/types/completion.ts:267


relative

relative: **

Defined in: src/types/completion.ts:188


resize

resize: ** | none | x | y

Defined in: src/types/completion.ts:484


right: Negatable<{​{theme(inset)}​}>

Defined in: src/types/completion.ts:194


ring

ring: inset | {​{theme(ringWidth)}​} | {​{theme(ringColor)}​} | opacity-{​{theme(ringOpacity)}​} | offset-{​{theme(ringOffsetWidth)}​} | offset-{​{theme(ringOffsetColor)}​}

Defined in: src/types/completion.ts:400


rotate

rotate: Negatable<{​{theme(rotate)}​}>

Defined in: src/types/completion.ts:436


rounded

rounded: {​{theme(borderRadius)}​} | t-{​{theme(borderRadius)}​} | r-{​{theme(borderRadius)}​} | b-{​{theme(borderRadius)}​} | l-{​{theme(borderRadius)}​} | tl-{​{theme(borderRadius)}​} | tr-{​{theme(borderRadius)}​} | bl-{​{theme(borderRadius)}​} | br-{​{theme(borderRadius)}​}

Defined in: src/types/completion.ts:387


row

row: span-{​{range(1,12,1)}​} | span-{​{nonzero}​} | start-auto | start-{​{nonzero}​} | start-{​{range(1,13,1)}​} | end-auto | end-{​{nonzero}​} | end-{​{range(1,13,1)}​} | start-{​{theme(gridRowStart)}​} | end-{​{theme(gridRowEnd)}​} | {​{theme(gridRow)}​}

Defined in: src/types/completion.ts:233


saturate

saturate: {​{theme(saturate)}​}

Defined in: src/types/completion.ts:506


scale

scale: {​{theme(scale)}​} | x-{​{theme(scale)}​} | y-{​{theme(scale)}​}

Defined in: src/types/completion.ts:437


select

select: contain | all | auto | none | text

Defined in: src/types/completion.ts:485


self

self: stretch | center | end | start | auto

Defined in: src/types/completion.ts:258


sepia

sepia: {​{theme(sepia)}​}

Defined in: src/types/completion.ts:507


shadow

shadow: {​{theme(boxShadow)}​}

Defined in: src/types/completion.ts:409


skew

skew: Negatable<{​{theme(skew)}​} | x-{​{theme(skew)}​} | y-{​{theme(skew)}​}>

Defined in: src/types/completion.ts:438


slashed-zero

slashed-zero: **

Defined in: src/types/completion.ts:314


space

space: x-{​{theme(space)}​} | y-{​{theme(space)}​} | -x-{​{theme(space)}​} | -y-{​{theme(space)}​} | x-reverse | y-reverse

Defined in: src/types/completion.ts:282


sr-only

sr-only: **

Defined in: src/types/completion.ts:490


stacked-fractions

stacked-fractions: **

Defined in: src/types/completion.ts:320


static

static: **

Defined in: src/types/completion.ts:185


sticky

sticky: **

Defined in: src/types/completion.ts:189


stroke

stroke: {​{theme(stroke)}​} | {​{theme(strokeWidth)}​}

Defined in: src/types/completion.ts:490


subpixel-antialiased

subpixel-antialiased: **

Defined in: src/types/completion.ts:309


table

table: ** | auto | fixed | column | cell | row | caption | column-group | row-group | footer-group | header-group

Defined in: src/types/completion.ts:414


tabular-nums

tabular-nums: **

Defined in: src/types/completion.ts:318


text

text: left | right | center | justify | line-through | underline | capitalize | lowercase | uppercase | {​{theme(fontSize)}​} | {​{theme(textColor)}​} | opacity-{​{theme(textOpacity)}​} | no-underline | normal-case

Defined in: src/types/completion.ts:294


to

to: {​{theme(gradientColorStops)}​}

Defined in: src/types/completion.ts:383


top

top: Negatable<{​{theme(inset)}​}>

Defined in: src/types/completion.ts:193


tracking

tracking: {​{theme(letterSpacing)}​}

Defined in: src/types/completion.ts:322


transform

transform: ** | none | gpu

Defined in: src/types/completion.ts:434


transition

transition: {​{theme(transitionProperty)}​}

Defined in: src/types/completion.ts:426


translate

translate: Negatable<{​{theme(translate)}​} | x-{​{theme(translate)}​} | y-{​{theme(translate)}​}>

Defined in: src/types/completion.ts:439


truncate

truncate: **

Defined in: src/types/completion.ts:360


underline

underline: **

Defined in: src/types/completion.ts:353


uppercase

uppercase: **

Defined in: src/types/completion.ts:356


via

via: {​{theme(gradientColorStops)}​}

Defined in: src/types/completion.ts:382


visible

visible: **

Defined in: src/types/completion.ts:199


w

w: {​{theme(width)}​}

Defined in: src/types/completion.ts:286


whitespace

whitespace: normal | nowrap | break-spaces | pre | pre-line | pre-wrap

Defined in: src/types/completion.ts:362


z

z: Negatable<{​{theme(zIndex)}​}>

Defined in: src/types/completion.ts:202