TextMate CSS bundle v.1.5

Sunday, May 10th, 2009

TextMate CSS bundle is now mCSS

Just like my recently updated mHTML bundle, my TextMate CSS bundle does not replace the default CSS bundle anymore, it is now a separate bundle that works as an addition to the default bundle. The advantage is that the original CSS Language and Preferences files are left untouched and it eliminates any potential conflicts with future TextMate updates.

Installation & Update

Because of the way TextMate works, to make sure you get a clean default CSS bundle and mCSS bundle, you’ll need to backup and delete any CSS bundle present in ~/Library/Application Support/TextMate/Bundles/ and/or ~/Library/Application Support/TextMate/Pristine Copy/Bundles/ first. Then install the mCSS bundle (double click it after unzipping).

What’s new

  • mCSS is its own bundle that works as an addition to the default CSS bundle
  • Changed some tab triggers to minimize typing even more. See download page for details
  • Added more properties and corresponding values as tab triggers.

What’s next?

If you’d like to see something added, or if you find a bug, let me know in the comments. Thanks!

Download

You can get the new version on the TextMate CSS bundle download page.

Filed under: CSS, TextMate, Updates

Follow comments via RSS feed

Comments on this article

  1. Thanks for making such great bundles. The only thing that bothers me is some file name issues in Windows. I’m trying to use it in e-texteditor which is the textmate for Windows and is fully compatible with tmbundles. But since some of your snippet file names has illegal characters in their names it’s really hassle to use these bundles in Windows. If you could somehow rename the snippet file name and make them valid names cross platform, it will make these great bundles even better. Soon we’ll have e-texteditor for linux and then tmbundles such as yours will be used completely cross platfrom.

    Allen, on 2009.05.15

  2. I use pretty standard alphanumerical characters in the snippet names and I believe they should be Windows compatible… Do you know where I can find more info about the character set supported by the editor you use? I’ll have a look… Thanks!

    Yann, on 2009.05.15

  3. Thanks you for making this!

    Chang Huang, on 2009.06.01

  4. Cool. Anyway to get this on GetBundle repo? That’ll be nice.

    Sherwin Techico, on 2009.06.25

  5. I’ve offered my help on the mailing list before but got zero answer so I assume Allan (or whoever is in charge of that) is not interested.

    Yann, on 2009.06.26

  6. This has saved me SOOO much time! Thanks! Wish I would have thought of this a while ago.

    Steve, on 2009.09.04

  7. Hey there Yann, thanks for the great bundle. Just finished developing my first site for my university degree and it would have been so great to have this sooner! I’ve been using TextMate for 1 month now (just finished the trial and bought the full version), and just getting into customising the packaged bundles myself.

    Again, great stuff!

    Adam, on 2009.10.23

  8. I wonder if you could somehow fold support for LESS in to your CSS bundle? There’s a LESS bundle underway already, but having this support for abbreviations etc. like you’ve built for your CSS bundle would be great in LESS

    http://github.com/kassens/less.tmbundle

    Lu Nelson, on 2009.11.08

  9. Actually, my CSS bundle already has minimal support for {less}: if you look in the mCSS drop down, the “less -> css” command converts {less} files into CSS. I’ve been looking for someone to help me with the language file though… Maybe your link will help, I’ll check it out. Thanks!

    Yann, on 2009.11.08

  10. Thank you, this bundle is perfect. This will save me loads of time.

    Dave, on 2010.04.05

  11. Thank you!! This bundle is so amazing. It has made styling much less of a headache!

    Michael Ishigaki, on 2010.04.15

  12. My modifications and comments regards to your bundle (in case you are interested):

    font size/padding/margin change default em to px (i use px) also in font-size.

    inp != input // I like the idea of inp shows the input right away, so i remove the image and put into input tab trigger

    option tab trigger do a ⌥ which is confusing, while opt it’s duplicated. (defined on HTML standard bundle)

    there’s a bug (?) in table, if you press tab you end deleting the Data string, which maybe is intended is not consistent with the rest of the bundle.

    i think that’s it. In future version (which i started somehow based on your bundle) is including HTML5 objects.

    Some things from my head: Input should have type more intelligent so you can add min / max / step when number or date.

    placeholder on inputs as optional suggestion

    of course article/section/hgroup/ etc elements (art, sec)

    h1 should be part of the headers since html5 now allow multiple h1

    figure/figcaption+img, and that kind of elements.

    Actually, If you want me to collab, just drop me an email.

    I don;t know if it’s possible, but a default unit for elements variable will be great. Like default unit for margin (px/cm/%/em) you can set and let the whole bundle support.

    well, you have my 2 cents there!

    Bart Calixto, on 2010.12.10

  13. @Bart

    Thanks for the message. The unit variable idea is pretty sweet, it should be possible via shell variables. I’ll try and see if there’s a way that’s flexible enough to set it up.

    I’ve already added most HTML5 elements to the version I’m using internally, but haven’t had time to clean it up for public consumption yet… I agree the new input types require special attention, but so few of them actually work in browsers right now that it’s not too high on my priority list ;)

    Yann, on 2010.12.12

  14. Please update with the HTML5 stuff. I’m finally getting to write some! It’s super nice btw.

    shaggy, on 2010.12.14

  15. I’m another user of E-TextEditor and since Allen never responded: characters not allowed in filenames on Windows are /:*?”|, so the colons turn the majority of the snippets into empty files with no extension.

    This seems like a great bundle, I would really appreciate it if you could make a Windows-compatible version available.

    Thanks in advance!

    Jens, on 2011.01.28

  16. @Jens

    If you want to shoot me an email and explain exactly what would need to happen to make it compatible with Windows (and if it’s not too much work ;), I’ll give it a shot.

    Yann, on 2011.01.28

  17. Here I am again! :P

    Since I can’t tell if you got the email, I thought I’d post the problem here as well. Image of what happens: http://dl.dropbox.com/u/14236661/snippets.png

    Simply changing the filenames with colons should be enough, so “background-repeat: repeat.tmSnippet” could be “background-repeat, repeat.tmSnippet”. Hopefully that’s not too much work.

    Jens, on 2011.02.12

  18. just can’t believe how much faster this bundle makes writing css. makes other css generating tools seem like a waste (less or whatever) since this is just as fast (faster?) and it’s actual css.

    Thank you!

    Will, on 2011.03.01

  19. I think I’ve started my Zen Coding snippets at the same time as you or maybe a year earlier. And I’ve just found your mHTML and mCSS bundles. Isn’t it fun? This is where I am now: Zen Coding Snippets

    What do you think, Yann?

    Vadim Makeev, on 2011.09.03

Leave a comment

HTML is not allowed and will be filtered out. You can use Markdown for formating;
mandatory fields are marked with *