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 |
| 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)
Contribute
All PR’s are welcome!
fork (https://github.com/vigo/textmate2-tailwind-css/fork)- Create your
branch (git checkout -b my-features)
commit yours (git commit -am 'implement new features')push your branch (git push origin my-features)- 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
