Fun Parsing challenge for JavaScript Style Sheets

Parser.js

'use strict';

import Parser from './parser';
import styles from './styles';

Parser(styles);

// Output:
{ 
    h1: { 
        background: 'blue', 
        minWidth: { '320': [Object] } 
    },
    button: { 
        background: 'blue',
        'border-radius': '15px',
        padding: '25px',
        '.open': { 
            background: 'darkblue',
            minWidth: [Object],
            maxWidth: [Object] 
        } 
    } 
}

styles.js

// Style Examples
// You can even use variables in the template string.
// Just define/import the variables above and use them
// like background: ${backgroundColor} in the string.

module.exports = `
h1 {
    background: blue;

    minWidth {
        320 {
            background: lightblue
        }
    }
}

button {
    background: blue;
    border-radius: 15px;
    padding: 25px;

    .open {
        background: darkblue;

        minWidth {
            640 {
                margin: 15px;
            }
        }

        maxWidth {
            480 {
                margin: 30px
            }
        }
    }
}`;