Tailwind CSS Bundle for TextMate2

Tailwind CSS bundle for TextMate2. Tailwind CSS docs can be found here.

---

Installation

cd "${HOME}/Library/Application\ Support/TextMate/Bundles/"
git clone https://github.com/vigo/textmate2-tailwind-css.git TailwindCSS.tmbundle

---

Tab Completions

Type prefix and hit ⇥ (TAB).

Layout

Prefix	Description
ar	Aspect Ratio classes
con	Container with responsive variants
col	Columns with different variants
br	Break After classes
br	Break Before classes
br	Break Inside classes
box	Box Decoration Break classes
box	Border Sizing classes
dis	Display classes
dis	Float classes
dis	Clear classes
iso	Isolation classes
obj	Object Fit & Position classes
owf	Overflow /Overscroll Behavior classes
pos	Position classes
inset	Top / Right / Bottom / Left (insets)
vis	Visibility classes
zind	Z-Index classes

---

Flex and Grid

Prefix	Description
flex-b	Flex Basis classes
flex-d	Flex Direction classes
flex-w	Flex Wrap classes
flex	Flex classes
flex-gs	Flex Grow/Shrink classes
flex-o	Flex Order classes
grid-c	Grid Template Columns / Start / End classes
grid-r	Grid Template Rows / Start / End classes
grid-f	Grid Auto Flow / Columns / Rows classes
gap	Gap / Gap X / Gap Y classes
jus-c	Justify Content classes
jus-i	Justify Items classes
jus-s	Justify Self classes
cont-a	Align Content classes
items-a	Align Items classes
self-a	Align Self classes
place-c	Place Content classes
place-i	Place Items classes
place-s	Place Self classes

---

Spacing

Prefix	Description
mar	Margin classes
pad	Padding classes
spa	Space Between classes

---

Sizing

Prefix	Description
wi	Width classes (regular/min/max) classes
he	Height classes (regular/min/max) classes

---

Typography

Prefix	Description
font	Font classes
let	Letter Spacing classes
line	Line Height classes
list	List Style Type and Position classes
text	Basic color styles classes
text	Text Align classes
text	Text Colors classes
text-d	Text Decoration, Style and Thickness classes
text-u	Text Underline Offset classes
text-t	Text Transform classes
text-o	Text Overflow classes
text-i	Text Indent classes
ver	Vertical Align classes
whi	White Space classes
word	Word Break classes
cont	Content classes

---

Backgrounds

Prefix	Description
bg	Backgrounds related classes
bg-c	Background Colors related classes
bg-gs	Background Gradient Stop Colors related classes

---

Borders

Prefix	Description
bor-rad	Border Radius classes
bor-w	Border Width classes
bor-c	Border Color classes
bor-st	Border Style classes
bor-div	Divide classes
bor-out	Outline classes
bor-ring	Ring classes

---

Effects

Prefix	Description
fx-bs	Box Shadow & Size classes
fx-o	Opacity classes
fx-mix	Mix Blend Mode classes
fx-bg	Background Blend Mode classes

---

Filters

Prefix	Description
blur	Blur classes
bri	Brightness classes
contr	Contrast classes
drop	Drop Shadow classes
grays	Grayscale classes
inv	Invert classes
sep	Sepia classes
hue	Hue Rotate classes
sat	Sature classes
backd	Backdrop classes

---

Tables

Prefix	Description
tbl	Table classes

---

Transitions and Animation

Prefix	Description
tran	Transition Property classes
tran	Transition Duration classes
tran	Transition Timing Function classes
anim	Animation classes

---

Transforms

Prefix	Description
t-sca	Scale classes
t-scax	Scale-X classes
t-scay	Scale-y classes
t-rot	Rotate classes
t-tx	Translate-X classes
t-ty	Translate-Y classes
t-ske	Skew X or Y classes
t-to	Transform Origin classes

---

Interactivity

Prefix	Description
appe	Appearance
cur	Cursor classes
poi	Pointer Events
res	Resize classes
scroll	Scroll Behavior classes
scroll	Scroll Margins (regular, mx, my, mt, mr, mb, ml) classes
scroll	Scroll Paddings (regular, mx, my, mt, mr, mb, ml) classes
scroll	Scroll Snap Align/Stop/Type classes
tou	Touch Action classes
user	User Select classes
will	Will Change classes

---

SVG

Prefix	Description
svg-fill	SVG Fill related classes
svg-stroke	SVG Stroke related classes

---

Accessibility

Prefix	Description
acc-sr	Screen Readers classess
acc-for	Forced Color Adjust classess

---

Utilities

Prefix	Description
temp	Create playground html templates
rv	Responsive Variant classess
pse	Pseudo classess

---

Contributor(s)

• Uğur "vigo" Özyılmazel - Creator, maintainer

---

Contribute

All PR’s are welcome!

1. fork (https://github.com/vigo/textmate2-tailwind-css/fork)
2. Create your branch (git checkout -b my-features)
3. commit yours (git commit -am 'implement new features')
4. push your branch (git push origin my-features)
5. Than create a new Pull Request!

This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the code of conduct.

---

License

This project is licensed under MIT

---