Improve directory structure

[ry5n]

Improve directory structure organization. Fixes #20.

Status: Opened for visibility Reviewers: @kpeatt @jeffkamo

Notes

• This should wait until #6 and #10 are merged.

  Changes

• Give each component and util its own directory, so future components can bundle other assets (js, dust, etc.)
• Remove top-level components and utils directories
• Update imports and use a Sass load path
• Add some organization to the test directory

[ry5n]

The only thing I’m not sure of here is the flatter directory structure, where I have e.g. dist/components-arrange instead of dist/components/arrange. The import is not as clear to write, no shorter, and the directory list contains extra visual noise:

dist/
    components-align
    components-arrange
    components-button
    components-grid
    components-media
    components-ratio
    components-stack
    components-test
    utils-dimension
    utils-text
    utils-visibility

vs.

dist/
    components/
        align
        arrange
        button
        grid
        media
        ratio
        stack
        test
    utils/
        dimension
        text
        visibility

Thoughts?

[kpeatt]

I like the latter. I'm all for structure in directories vs in file names where possible.

[kpeatt]

@ry5n — can you run this against SCSS lint as well?

[ry5n]

I created #24 for linting.

[ry5n]

Pushed up a new commit that restores the deeper directory structure.

[kpeatt]

:+1:

[ry5n]

Took the liberty of renaming test/tests/ to tests/visual/. When I get PhantomCSS integration done, we can add tests/regression/ for running regression tests against the visual tests.

[kpeatt]

You're a golden god. I'll take a look at this either this weekend or early next week.

[kpeatt]

A++ would merge again.