bitstyles
bitstyles copied to clipboard
bitcrowd
A complete design system, with base styles and components, built in Sass using CSS variables
We have a few layout primitives that could be used together — let’s add some docs: - list which atoms are good for layout, and link to the docs for...
Right now themes provide a `text` and `background` color, and other components “attach” their colors to each theme as they need. This system doesn’t scale well now that we have...
A [molecule]-Component consisting of a badge atom with a trailing label which displays some meta data such as time, date etc. Example usage can be seen in Page Header. Zeplin...
The CSS Nano `mergeRules` option only merges adjacent CSS rules, so can be safely re-enabled in our config as it doesn’t break any source order (see https://cssnano.co/docs/optimisations/mergerules/)
- On smaller screens items stack top to bottom from the left to right. - When an item is attached to the title text (i.e. a badge or counter) it...
Utility classes can be used to create some complex layouts, but it’d be great to have some commonly-used layouts encapsulated in CSS classes. That would avoid having to recreate them...
Inputs
Update design for inputs. Zeplin: https://zpl.io/p1YYqjM Also: we have the organisms/joined-ui component, currently used only for buttons. Adapt inputs to use the same approach for their rounded corners. Zeplin: zpl://components?stid=63079b90d0bf4a646c46c227&coids=63628af4d50639b5e763fbf8
When using bitstyles in a project, it is common to update some colors or the sizing scale. If this is only changing the values of colors and sizes, but keeping...
See the discussion here: https://github.com/bitcrowd/bitstyles/pull/751#discussion_r1188688370 Should we: ### Update the default config for e.g. margin & padding utility classes to use `block` and `inline` (including the naming of the classes)...
See the [storybook migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#from-version-65x-to-700)