bitstyles

bitstyles copied to clipboard

When switching between canvas & docs mode, the currently-views story in storybook will change it’s vertical position. See https://github.com/bitcrowd/bitstyles/pull/378#discussion_r578298033

planktonic

planktonic

Update examples

1

From a comment [here](https://github.com/bitcrowd/bitstyles/pull/307#pullrequestreview-373817830 ): > “The text-align: justify example content’ & ‘The no-margin stories don't show much‘” Check through all the examples/stories to be sure we’re showing the intent,...

planktonic

See `test/css-stats.json`, which brings attention to some properties (`oldPropertyPrefixes`)that should be investigated — depending on required browser support, we could remove some declarations (how is that generated, if we provide...

planktonic

Right now we use the `@` symbol to denote a class being applied at a given breakpoint e.g. ```css .t-my-class {…} .t-my-class@medium {…} // applies only at the 'medium' breakpoint...

planktonic

Unit testing for sass functions

1

e.g. - https://github.com/ryanbahniuk/sassaby - https://github.com/oddbird/true

planktonic

Resolves https://github.com/bitcrowd/bitstyles/issues/414 This PR adds a `test-storybook` command that runs axe-core on all of our stories, including `mdx` stories. It runs this command on CI. I fixed every single accessibility...

angelikatyborska

Use focus design token on radios, checkboxes, selects

2

Fixes https://github.com/bitcrowd/bitstyles/issues/820 ## Changes - selects, radio inputs, and checkboxes now use `design-tokens/focus` for focus-visible styles ## 📸 Looks like Providing gifs because the style changes include a transition. ###...

angelikatyborska

`role="separator"` is not a valid list child

1

Elements with role `separator` are not valid children of lists (`ul`, `ol`). I found this issue while working on https://github.com/bitcrowd/bitstyles/issues/414: ``` Expected the HTML found at $('.u-list-none:nth-child(2)') to have no...

angelikatyborska

Focus-visible styles for inputs

2

We have a focus-visible outline defined as a secondary design token in `design-tokens/focus`, which we use for buttons. These same styles should also be applied on `focus-visible` for - selects...

planktonic