|
| 1 | +# [[1.5.0]](https://github.com/bitcrowd/bitstyles/releases/tag/v1.5.0) - 2021-06-28 |
| 2 | + |
| 3 | +## Added |
| 4 | + |
| 5 | +- `.u-grid-cols` classes are available at the `xl` breakpoint |
| 6 | +- All `.u-grid-cols`, `.u-col-span`, and `.u-col-start` classes are now specified using Sass variables, and can therefore be overridden |
| 7 | + |
| 8 | +## Breaking |
| 9 | + |
| 10 | +- All `.u-grid--x-col` classes, where `x` is a number, have been renamed to `u-grid-cols-x` |
| 11 | +- All `.u-grid__col-span-x` classes, where `x` is a number, have been renamed to `.u-col-span-x` |
| 12 | +- All `.u-grid__col-x` classes, where `x` is a number, have been renamed to `.u-col-start-x` |
| 13 | + |
1 | 14 | # [[1.4.0]](https://github.com/bitcrowd/bitstyles/releases/tag/v1.4.0) - 2021-06-24 |
2 | 15 |
|
3 | 16 | ## Added |
4 | 17 |
|
5 | 18 | - We have a new media-query available in `$bitstyles-breakpoints`: `motion-ok`. It’s available using the `media-query` mixin, and applies when the user has not set a preference to reduce motion in their UIs, allowing a [no-motion-first](https://tatianamac.com/posts/prefers-reduced-motion/) approach to animations |
6 | 19 | - All dropdown, sidebar, and navbar examples in our storybook documentation have JS behaviour using alpinejs |
7 | 20 | - Modal behavior is implemented using `a11y-dialog` |
| 21 | +- Margin utility classes now include `auto` as a size |
8 | 22 |
|
9 | 23 | ## Changed |
10 | 24 |
|
|
32 | 46 | - `.a-content` max-width and padding is now customisable using Sass variables, and by default now includes a 100% option |
33 | 47 | - A new `.u-z` utility class for setting `z-index` |
34 | 48 | - New examples of full app layouts |
35 | | -- Margin utility classes now include `auto` as a size |
36 | | -- `.u-grid-cols` classes are available at the `xl` breakpoint |
37 | | -- All `.u-grid-cols`, `.u-col-span`, and `.u-col-start` classes are now specified using Sass variables, and can therefore be overridden |
38 | 49 |
|
39 | 50 | ## Fixed |
40 | 51 |
|
|
50 | 61 | - Now requires version `^1.34.0` of `dart-sass`, in order to use the new `Math.div` function, and remove all the division using `/` characters. |
51 | 62 | - Removes the `content` mixin. If you need the `content` functionality, use the `.a-content` classname instead (it’s customisable using Sass variables, see the settings.scss file) |
52 | 63 | - `.u-flex--inline` has been renamed `.u-inline-flex` to match the name of the display property, and is no longer a variant of `.u-flex`, but can be used alone. Where `.u-flex--inline` is paired with `.u-flex` remove the latter, and rename it to `.u-inline-flex` |
53 | | -- All `.u-grid--x-col` classes, where `x` is a number, have been renamed to `u-grid-cols-x` |
54 | | -- All `.u-grid__col-span-x` classes, where `x` is a number, have been renamed to `.u-col-span-x` |
55 | | -- All `.u-grid__col-x` classes, where `x` is a number, have been renamed to `.u-col-start-x` |
56 | 64 |
|
57 | 65 | # [[1.2.0]](https://github.com/bitcrowd/bitstyles/releases/tag/v1.2.0) - 2021-05-04 |
58 | 66 |
|
|
0 commit comments