Skip to content

Commit 373e453

Browse files
committed
migration guide after removing container and container-{breakpoint}
1 parent 6cb7829 commit 373e453

File tree

2 files changed

+5
-4
lines changed

2 files changed

+5
-4
lines changed

site/content/docs/0.0/migration-from-boosted.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,14 +59,15 @@ Technically, it means that you can get rid of the following things:
5959
- `xxl` has been renamed `2xl`.
6060
- `2xs` and `3xl` have been added.
6161
- The breakpoints values have changed. Please refer to the [breakpoints' documentation]({{< docsref "/layout/breakpoints/" >}}).
62-
- `.col-{breakpoint}-{number}`, `.g-col-{}
63-
- The default container to use is now `.container-fluid` associated to `.container-max-width` instead of `.container-xxl`. Please refer to the [fluid containers' documentation]({{< docsref "/layout/containers/#fluid-containers" >}}).
62+
- `.col-{breakpoint}-{number}`, `.g-col-{}`
63+
- The default container to use is now `.container-fluid` associated to `.container-max-width` instead of `.container-xxl`. Please refer to the [fluid containers' documentation]({{< docsref "/layout/containers/#fluid-containers" >}}). Thus, other containers have been removed: `.container` and `.container-{breakpoint}`.
6464
- Default gutter inside grid have been changed to have a fully responsive behavior. It should be a transparent change for you.
6565
- All gutter utilities have been changed. `.g{-breakpoint}-{value}`, `.gx{-breakpoint}-{value}` and `.gy{-breakpoint}-{value}` which value is inside `0|1|2|3|4|5`. Gutter utilities values now use `none|smash|shortest|shorter|short|medium|tall|taller|tallest|spacious|huge|jumbo`. Proportional equivalence between `0``none`, `1``shortest`, `2``shorter`, `3``medium`, `4``tall`, `5``spacious`.
6666

6767
All responsive classes, helpers and utilities have been changed accordingly to the new breakpoints.
6868

69-
- <span class="badge text-bg-info">Info</span> `xxl` breakpoint and thus all related classes (like `.container-xxl`) can still be available when <code>$enable-bootstrap-compatibility</code> is on.
69+
- <span class="badge text-bg-info">Info</span> `.container` and `.container-{breakpoint}` classes can still be available when <code>$enable-bootstrap-compatibility</code> is on.
70+
- <span class="badge text-bg-info">Info</span> `xxl` breakpoint and thus all related classes (like `.container-xxl`, `.col-xxl-*`) can still be available when <code>$enable-bootstrap-compatibility</code> is on.
7071

7172
## Helpers
7273

site/content/docs/0.0/migration.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ toc: true
1414
### Layout
1515

1616
- <span class="badge text-bg-success">New</span> Responsive flexbox grid system is now available with eight default responsive tiers defined at breakpoints `2xs`, `xs`, `sm`, `md`, `xl`, `2xl` and `3xl`.
17-
- Containers classes: `.container`, `.container-fluid` and `.container-{breakpoint}`
17+
- Container class: `.container-fluid`
1818
- Limiting class: `.container-max-width`
1919
- Row columns classes: `.row-cols-{number}`
2020
- Column classes: `.col-{number}`, `.col-{breakpoint}-{number}`, and `.offset-{breakpoint}-{number}`

0 commit comments

Comments
 (0)