Giter Site home page Giter Site logo

zencocoon / scss.tmbundle Goto Github PK

View Code? Open in Web Editor NEW

This project forked from marioricalde/scss.tmbundle

1.0 2.0 0.0 812 KB

The new Textmate (or any compatible editor) bundle for SASS, using the new .scss syntax. Actively maintained. Includes a complete rewrite of the original SCSS bundle with many improvements. Patches Accepted.

Home Page: http://sass-lang.com/

scss.tmbundle's Introduction

This is a TextMate Bundle for SASS.

This bundle contains the grammar files for highlighting the NEW SYNTAX; the old syntax is not supported by this bundle. Sorry.

It also includes Zen CSS ( from the Zen Coding Project ); which will help you speed up your coding.

New Feature: XHTML to SCSS Converter

You can see the new feature in action in this screencast. Sorry for my engrish.. I need to practice more heh.

Notes about this feature:

Yo shouldn't use this feature to convert the whole XHTML to SCSS. It is meant to selectively copy and paste your XHTML to SCSS Document. In the Screencast I did a complete layout parse for the sake of demonstration. However this is a bad practice since it generates unnecessary nesting and of course bloat.

New Feature: XHTML to SCSS Converter now uses style declarations!

See it in action! Screencast.

The minimum requirements for this command to work:

  • Nokogiri
  • Ruby 1.8.7 or higher (it comes by default with Snow Leopard)
  • Mac OS X (No support for Windows yet. I didn't implement the clipboard method for it.)

Preview of the Syntax Highlighter

####Kuroir's Theme Screen

You can get this theme on My Theme Repository

Installation

Textmate (OS X)

With Git:

mkdir -p ~/Library/Application\ Support/TextMate/Bundles
cd ~/Library/Application\ Support/TextMate/Bundles
git clone git://github.com/kuroir/SCSS.tmbundle.git "SCSS.tmbundle"
gem install nokogiri
osascript -e 'tell app "TextMate" to reload bundles'

Without Git:

mkdir -p ~/Library/Application\ Support/TextMate/Bundles
cd ~/Library/Application\ Support/TextMate/Bundles
wget http://github.com/kuroir/SCSS.tmbundle/tarball/master
tar zxf kuroir-SCSS.tmbundle-*.tar.gz
rm kuroir-SCSS.tmbundle-*.tar.gz
mv kuroir-SCSS.tmbundle* "SCSS.tmbundle"
gem install nokogiri
osascript -e 'tell app "TextMate" to reload bundles'

Before Forking

If you want your patches merged to the main branch, please do the following:

  1. If you're going to modify the Grammar, first edit the documented & commented "source" located in SCSS.tmbundle / Syntaxes / source.textmate. then apply it to Textmate. The reason behind this is that Textmate removes comments and indentations, making the grammar file hard to work on.
  2. PULL REQUEST, so I know you want me to pull!

Known Issues:

  • Error Highlighting sometimes fails, will need to improve the regexp.

Credits and More:

Thanks to ModernMethod and Julio Capote for introducing and guiding me to the wonderful world of Ruby and SASS.

Thanks to Chris Eppstein who developed the base SCSS.tmbundle.

This bundle has the Zen Coding Bundled within because of the scope. You can view the repository here: Zen Coding @ google.com.

scss.tmbundle's People

Contributors

marioricalde avatar mads-hartmann avatar doctyper avatar rdougan avatar

Stargazers

Sébastien Grosjean avatar

Watchers

Sébastien Grosjean avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.