Skip to content

Conversation

@scottpdo
Copy link
Contributor

Add the Grid and Column components we know and love from Accion, CTIA, etc. here so that we can (finally!) start reusing them across projects.

Library Notes:

  • Hardcodes breakpoints and spacing values based on what is used on Accion, CTIA, etc. — a future release should include ways to customize these
  • Adds lodash as a peerDependency (Grid/Column functionality)
  • Some changes to how imports/exports are handled for conciseness

Dev Notes:

  • Adds a simple global style to Storybook (use box-sizing: border-box)
  • Adds .nvmrc

@scottpdo scottpdo requested a review from alexbarbato June 24, 2019 15:02
export const XL = 1720
export const L = 1024
export const M = 768
export const S = 420
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you haven't seen the way we are doing this on the styleguide I think it might be something worth bringing into this library

NEGATIVE,
WARNING,
}
} from './design-tokens/colors'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Omg love this change. Thank you

Copy link
Contributor

@alexbarbato alexbarbato left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great!

My only thoughts are on the breakpoints and I'd personally vote we go more the route of what you see here https://github.com/istrategylabs/mo-styleguide/blob/master/src/utils/breakpoints.js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants