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
• 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