WIP SCSS conversion

[anotherZero]

I put together some changes to work toward a sass/scss port.
I made a best guess with where to put some stuff, and because of the current directory structure I placed the theme scss in the same folder as the less. This may need to be looked at.
SCSS requires vars be defined before referenced, so some stuff probably still needs to be shuffled a bit. One problem I found was that normalize.less references @base-code-font-family while it is defined in the next @import base.less. This needs to be looked at.

TODO:

• fix mixins/hooks
• add !default flag to variables
• add compile task
• get variables defined before they are referenced (to be discovered after .hook-* refs are fixed)

partially addresses #260 interested in [official] SASS port of uikit

[m5o]

Nice!

some advices:

• do not develop in master - create a feature branch! Read more GitHub Flow, or Using Pull Requests – in short Contributing 5 Steps
• Rubular or RegEx101 are great ways to test regular expressions online
• are there string literal replacements yet? - don't add code that isn't needed

A good resource for less regex is the converter/less_conversion.rb or the one at the vwall/compass-twitter-bootstrap gem

Compile scss with grunt-contrib-sass.

Great work so far!

[anotherZero]

I'm happy to resend this pull request from another branch if uikit desires. I just worked in master because they currently have a complete lack of feature/release branches.

Also, Is this not a string literal? https://github.com/uikit/uikit/blob/master/src/less/icon.less#L53

[m5o]

Also, Is this not a string literal? https://github.com/uikit/uikit/blob/master/src/less/icon.less#L53

You are absolutely right, sorry!

[anotherZero]

@m5o

A good resource for less regex is the converter/less_conversion.rb

wow, that makes my ADHD flair up

[zslabs]

Great job, love that this is a possibility with Grunt!

[aheinze]

there is an official Sass release since UIkit 2.11.