bitstyles
bitstyles copied to clipboard
bitcrowd
A complete design system, with base styles and components, built in Sass using CSS variables
Fixes #783 ## 📸 Looks like  #### Small screens #### Large screens #### Changes - [x] On smaller screens items stack top to bottom from the left to right....
While doing an upgrade from 4.3.0 to 5.0.0, I was surprised by a few changes. After reading the changelog, I was not expecting those changes. Here's a list. Note whenever...
This is how the login form with errors example looks like: The error message below the input has the color #FFA940 on a white background. This has a contrast ration...
Fixes #796 ## 📸 Looks like  - `git fetch` - `git checkout `task/internal-32-update-notification-centre-components` - `yarn` - `yarn storybook` - navigate to _enter component name_ component Check: - [ ]...
In `scss/bitstyles/atoms/content/_settings.scss`, the value of the large padding is given as `l1`: ```scss 'l': var(design-token.get('content', 'padding', 'l1')), ``` But this value doesn’t exist — the correct value is just `l`...
The current shadow generation tool accepts only offset, blur, and color: https://github.com/bitcrowd/bitstyles/blob/724581e96368156327cc5680f7243e4fe3f43da8/scss/bitstyles/tools/_shadow.scss#L72-L76 The CSS property `box-shadow` can also have a spread value. The shadow generation tool is not able to...
Fixes #762 ## Changes - Structuring the button custom properties to make variants work better, and to be more usable in situations like joined-ui - turning off prettier in more...
Right now we apply the min-width & min-height only to the `button--square` variant, but we could just apply that to each button size variant (we never want button to be...
- A list of notification components rendered in a dropdown. - On small screens a full-screen modal interface is used. - Max. height 50rems Zeplin Link: https://zpl.io/8lBBP44
- When the new icon set is finalised, we should update the Icon component used here in our docs. The new icons should either be provided here, or imported from...