[Open Source] RoSass - An Adaptation of Sass - A Web Preprocessor!

[Wally_Surlaw]

Hey Developers!

I wanted to share an idea I have had for a long time: bringing a language for styling elements on the web to Roblox.

Why Sass?

Sass is a stylesheet language extension of CSS with two different “flavors”, Indented and Scss(or “Sassy CSS”)

• Indented Sass, the original format of Sass:

nav
  ul
    margin: 0
    padding: 0
    list-style: none

  li
    display: inline-block

  a
    display: block
    padding: 6px 12px
    text-decoration: none

• Sassy CSS, the popular format of Sass, for its easy implementation:

nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  li { display: inline-block; }

  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}

Sass offers many features, regarding styling of an element that I feel could bring very cool features to game UIs. Further expansion of UIGrid, UIList, and UIPadding; Frameworks to layer on top of the vanilla RoSass.

Sass

Frameworks for Sass (not RoSass):

• Bourbon (DON’T freak out, it’s not my naming)
• Compass
• Susy

This is very new, but if you would like to contribute to my efforts in pushing and expanding our current UI features forward, you can check it out on Github!