Classname notation/conversion

[GertSallaerts]

Quick question. As you state this project is meant to allow us to write plain CSS and end up with JSS, wouldn't it make more sense to strip the dots from classnames and global-ize any global selectors?

Take this input:

.button { background-color: salmon; }
p { color: green; }

With output

exports.default = {
    ".button": {
        "backgroundColor": "salmon"
    }
    "p": {
        "color": "green"
    }
};

While I expected the output to be something more like this:

exports.default = {
    "button": {
        "backgroundColor": "salmon"
    }
    "@global": {
        "p" {
            "color": "green"
        }
    }
};