Sass in MODX Cloud

MODX Cloud, now with Sass Awesomeness

One of the most important pair of technologies to come to Front-end development in the last few years is Sass and Compass. But unless you are a bit if a server geek, or you buy a third-party tool, starting can be intimidating or a pain.

Today we make that a whole lot easier.

Starting now, if you want to use Sass in a MODX Cloud project, all you have to do is open a ticket from your Dashboard. Soon you’ll not only be able to install it yourself right from your dashboard, but you’ll be able to start Compass Watch for automatic Sass compiling like in the screenshot above. Cool, eh?

If you haven’t tried Sass, now you really don’t have an excuse. This makes it too easy! Here’s some helpful links to the tools we’ve released today to help you get started becoming one with Sass:

Don’t see your favorite Sass utilty helper? Let us know and we’ll see if we can make it part of the stack. Best of luck with your Sassified MODX Cloud project, and let us know how you like it. Enjoy!

P.S.
If you haven't checked it out yet, try MODX Cloud for free, today.

About
Ryan is a Christian, the lucky husband of an amazing wife, and father of two usually great kids. A native redneck from East Texas living in Dallas for over 20 years, he's lost a bit of the verbal twang over the years, but still loves to get back to his roots over charcoal with a chunk of meat and a few frosty bevs. Ryan co-founded MODX in 2004, where he works every day helping build the company and its products. 

http://thrash.me


9 Comments


  1. Fazal
    Mar 06, 2014 at 06:34 PM
    This is a very cool addition!

    1. Tom Wilson
      Mar 06, 2014 at 10:29 PM
      Even on the surface, this is really cool! Underneath this, I think there's another aspect that is really awesome (assuming I'm not just tired rambling about this): Now there is the ability to have an even better UX!

      You could set up your sass file as a resource (once the content type of sass were added), create a template for sass files, then set up the variables in sass TVs, then you could control a lot of your styling just by changing TVs. Ok, we might be a ways off on this, but this would give those who make their living off of MODX another thing to sell back: customers can easily "skin" their site.

      For designers wanting to sell their themes on Theme Forest, a selling point could be that sass knowledge is not required to make quick customizations.

      It would also help lay to rest why a resource is not just a document and that TVs can be more properly used to be variables rather than storing data.

      If I'm way off on this, let me know, but this is exciting news!

      Regards,
      Tom

      1. g5604
        Mar 07, 2014 at 03:21 AM
        Very nice!

        I have just gone through a review of front end workflow with modx cloud. see here: http://forums.modx.com/thread/89162/sass-and-modx-workflow

        Would it be possible to minify and combine the css?

        1. Thomas Jakobi
          Mar 07, 2014 at 05:30 AM
          Nice addition! You are talking about Sass/Compass but you are linking to Bourbon. Which library is used on Cloud?

          1. Ryan Thrash
            Mar 07, 2014 at 06:23 AM
            We make them all usable: Sass, Compass, Bourbon and Neat. If there's other helper libs that need to be installed ala the typical Sass workflow, we are happy to consider those, too. We'd like to make things that need Node.js available as well, like Grunt or Bower, but no timeframe on that.

            Bourbon and Neat have to be installed into the particular project, which is why those currently take an extra step to be "really" installed.

          2. Alex Mercer
            Mar 08, 2014 at 06:01 AM
            This is bloody brilliant! Good work guys.

            1. Pablo Liz
              Mar 10, 2014 at 03:27 PM
              I was scss'ing at the time of reading this. Kudos.
              I definitively can see workflow improvement with this.
              Thanks a lot for making the modxcloud a happier place.

              1. Robert Ross
                Mar 11, 2014 at 09:12 PM
                Sass is now an option for Bootstrap so this is nice, though I've been using the .less extension, which is quite nice.

                1. Wayne Roddy
                  Mar 19, 2014 at 08:30 PM
                  Perfect !!

                  To leave a comment, please Login.