Merged
requested to merge github/fork/julien-deramond/main-jd-replace-css-by-utilities-in-examples into main
Description
-
89050651: Drop
.opacity-50and.opacity-75definition since those utilities already exist -
146c5963: Remove unused
.card-img-right. -
b3421e15: Use
.lh-1and.lh-smwhen possible. -
1ece9c4c: Move
.rounded-4,.rounded-5and.rounded-6rules directly withinsite/layouts/_default/examples.htmlso that several examples can use those extended rounded utilities. Removeborder-radiusdefinitions when possible in CSS files and replace them by.rounded-*. -
4979bcb3: Replace
.nav-underlineby.nav-scrollerin order to share common definitions of.nav-scrollerand.nav-scroller .navin the default example HTML file. -
9ee29fef: Extract the
.mb-1rule of.blog-post-title. -
069f102f: Remove unused
.carousel-item > imgrule for carousels examples (there is no more<img>). Use.fw-*utilities when possible. - 106067d9: Use several utilities for cheatsheet examples.
-
d0d94c03: Use some utilities for
.nav-masthead .nav-linkin cover example. - 6ef8f96e: Dashboard example refactoring
- 90577d46: Multiple minor modifications for the Dropdown example
-
d2e36849: Fix linting issues due to the previous commit so I chose to drop the ids and create
.w-000pxclasses instead in Dropdown example - 24f02854: Features example refactoring
- 8d3332eb: Headers example refactoring
- b574af42: List groups example refactoring
- 202af505: Sidebars example refactoring
- 9b8744a9: Sign-in example refactoring
- ca4dba18: Starter template refactoring
-
6cde9998: And finally some fixes mainly for RTL examples because I've apparently forgotten them at the beginning
😇
Checklist
-
blog.css/blog.rtl.css -
carousel.css/carousel.rtl.css -
cheatsheet.css/cheatsheet.rtl.css -
form-validation.css -
cover.css -
dashboard.css/dashboard.rtl.css -
dropdowns.css -
features.css -
grid.css -
headers.css -
heroes.css -
list-groups.css -
modals.css -
navbar-top-fixed.css -
navbar-top.css -
navbar.css -
offcanvas.css -
pricing.css -
product.css -
sidebars.css -
signin.css -
starter-template.css -
sticky-footer.css -
sticky-footer-navbar.css
Motivation & Context
Following this comment, this change will reduce the amount of specific CSS used by Bootstrap examples.
Types of changes
- Refactoring (non-breaking change)
Checklist
-
I have read the contributing guidelines -
My code follows the code style of the project (using npm run lint)
Related issues
Live previews
For non-regression testing:
- Blog example
- Blog RTL example
- Carousel example
- Carousel RTL example
- Cheatsheet example
- Cheatsheet RTL example
- Cover example
- Dashboard example
- Dashboard RTL example
- Dropdowns example
- Features example
- Headers example
- List groups example
- Modals example
- Offcanvas Navbar example
- Sidebars example
- Sign-in example
- Starter template