|
1 | 1 | # @obosbbl/grunnmuren-tailwind |
2 | 2 |
|
| 3 | +## 2.4.0 |
| 4 | + |
| 5 | +### Minor Changes |
| 6 | + |
| 7 | +- 440543f: ## New classes for layout grids |
| 8 | + You can now use the classes `layout-grid-gap-x`, `layout-grid`, `layout-grid-container` and `layout-subgrid-1`-`layout-subgrid-12` to set up layout grids pages so that all your content aligns. |
| 9 | + |
| 10 | + ### `layout-grid-gap-x` |
| 11 | + |
| 12 | + Defines the layout grid column spacing responsively. |
| 13 | + |
| 14 | + ### `layout-grid` |
| 15 | + |
| 16 | + Sets up a responsive 14 column grid with `layout-grid-gap-x`. |
| 17 | + |
| 18 | + ### `layout-grid-container` |
| 19 | + |
| 20 | + Combines `layout-grid` with the `container` class, which makes up the new page container. |
| 21 | + |
| 22 | + ### `layout-subgrid-1`-`layout-subgrid-12` |
| 23 | + |
| 24 | + Until there is better support for `subgrid` in CSS, you can use these classes to set up subgrids that aligns with `layout-grid`. |
| 25 | + |
| 26 | +### Patch Changes |
| 27 | + |
| 28 | +- 1c04f75: Extract styles for the `<LinkList>` components to component classes. This makes them reusable outside React, and makes the implementation and CSS for the component more readable. |
| 29 | +- 0f8cd6d: Styles for headings and icons inside link lists. |
| 30 | + |
3 | 31 | ## 2.3.2 |
4 | 32 |
|
5 | 33 | ### Patch Changes |
|
186 | 214 | The `includeFontFallback` option is also removed, and a font fallback will automatically be applied to the OBOS fonts by defaullt. |
187 | 215 |
|
188 | 216 | ## Migration |
189 | | - |
190 | 217 | 1. Upgrade your project to Tailwind 4. You can try the [migration guide](https://tailwindcss.com/docs/upgrade-guide) |
191 | 218 | from tailwind. |
192 | 219 | 2. Add `@import "@obosbbl/grunnmuren-tailwind";` to the top of the main CSS file of your project. This is the new CSS configuration file for Grunnmuren. |
|
220 | 247 | ``` |
221 | 248 |
|
222 | 249 | - 5a9534b: BREAKING CHANGE: Update font setup to include new font-family, `OBOSDisplay`. |
223 | | - |
224 | 250 | - Remove OBOSText-Bold in favor of OBOSDisplay-SemiBold. |
225 | 251 | - Change font-family of `heading-xl` and `heading-l` to OBOSDisplay. |
226 | 252 | - Change name of font-family `OBOSFont` to `OBOSText` to make the distinction between OBOSDisplay and OBOSText clearer. |
227 | 253 | - Remove Tailwind's default `font-sans` utility in favor of `font-display` and `font-text` to change the font family. |
228 | 254 | - If you were previously using next/font and extending the font family in your Tailwind configuration to support that, you should remove all this as the preset now includes an in built font-fallback. |
229 | 255 |
|
230 | 256 | - 6482fad: Updated typography design. |
231 | | - |
232 | 257 | - BREAKING: Deprecate `.h1`, `.h2`, `.h3` and `.h4` classes |
233 | 258 | - Add heading classes with "t-shirt sizes": `.heading-xl`, `.heading-l`, `.heading-m`, `.heading-s` and `.heading-xs` |
234 | 259 | - Add classes: `.paragraph`, `.lead`, `.blockquote` and `.description` |
|
321 | 346 | ### Major Changes |
322 | 347 |
|
323 | 348 | - 5a9534b: BREAKING CHANGE: Update font setup to include new font-family, `OBOSDisplay`. |
324 | | - |
325 | 349 | - Remove OBOSText-Bold in favor of OBOSDisplay-SemiBold. |
326 | 350 | - Change font-family of `heading-xl` and `heading-l` to OBOSDisplay. |
327 | 351 | - Change name of font-family `OBOSFont` to `OBOSText` to make the distinction between OBOSDisplay and OBOSText clearer. |
328 | 352 | - Remove Tailwind's default `font-sans` utility in favor of `font-display` and `font-text` to change the font family. |
329 | 353 | - If you were previously using next/font and extending the font family in your Tailwind configuration to support that, you should remove all this as the preset now includes an in built font-fallback. |
330 | 354 |
|
331 | 355 | - 6482fad: Updated typography design. |
332 | | - |
333 | 356 | - BREAKING: Deprecate `.h1`, `.h2`, `.h3` and `.h4` classes |
334 | 357 | - Add heading classes with "t-shirt sizes": `.heading-xl`, `.heading-l`, `.heading-m`, `.heading-s` and `.heading-xs` |
335 | 358 | - Add classes: `.paragraph`, `.lead`, `.blockquote` and `.description` |
|
0 commit comments