Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SCSS: remove $boosted-prefix in favor of $prefix #2129

Merged
merged 6 commits into from
Jul 11, 2023

Conversation

louismaximepiton
Copy link
Member

@louismaximepiton louismaximepiton commented Jul 5, 2023

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

Closes #1553.

Description

Change all $boosted-prefix in favor of $prefix to harmonize our framework.
Might be merged for v6 only maybe ?

Motivation & Context

End user will only have one prefix and not being forced to switch beside two of them.

Types of change

  • Breaking change (fix or feature that would change existing functionality)

Live previews

Checklist

Contribution

Accessibility

  • My change follows accessibility good practices; I have at least run axe

Design

  • My change respects the design guidelines defined in Orange Design System
  • My change is compatible with responsive display

Development

  • My change follows the developer guide
  • (NA) I have added JavaScript unit tests to cover my changes
  • (NA) I have added SCSS unit tests to cover my changes

Documentation

  • My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

  • My change introduces changes to the migration guide
  • (NA) My new component is added in Storybook
  • (NA) My new component is compatible with RTL
  • Manually run BrowserStack tests
  • Manually test browser compatibility with BrowserStack (Chrome >= 60, Firefox >= 60 (+ ESR), Edge, Safari >= 12, iOS Safari, Chrome & Firefox on Android)
  • Code review
  • Design review
  • A11y review

After the merge

@netlify
Copy link

netlify bot commented Jul 5, 2023

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit 5f961d1
🔍 Latest deploy log https://app.netlify.com/sites/boosted/deploys/64acfa32c9e2880008993531
😎 Deploy Preview https://deploy-preview-2129--boosted.netlify.app/docs/5.3/migration
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@@ -86,7 +86,7 @@

.carousel-control-prev,
.carousel-control-next {
--#{$boosted-prefix}control-bg: #{rgba($carousel-indicator-active-bg, .5)}; // Boosted mod
--#{$prefix}control-bg: #{rgba($carousel-indicator-active-bg, .5)}; // Boosted mod
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
--#{$prefix}control-bg: #{rgba($carousel-indicator-active-bg, .5)}; // Boosted mod
--#{$prefix}carousel-control-bg: #{rgba($carousel-indicator-active-bg, .5)}; // Boosted mod

@@ -141,7 +141,7 @@
--#{$prefix}alert-icon-size: #{$alert-icon-size-sm};
--#{$prefix}alert-btn-close-offset: #{$alert-btn-close-offset-sm};
// scss-docs-end alert-sm-css-vars
--#{$boosted-prefix}icon-spacing: #{$btn-close-padding-sm};
--#{$prefix}icon-spacing: #{$btn-close-padding-sm};
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
--#{$prefix}icon-spacing: #{$btn-close-padding-sm};
--#{$prefix}btn-icon-spacing: #{$btn-close-padding-sm};

@louismaximepiton louismaximepiton marked this pull request as ready for review July 5, 2023 16:14
@julien-deramond
Copy link
Member

Made some changes in b283fd5. @louismaximepiton I let you double-check that they were expected.

Copy link
Member

@julien-deramond julien-deramond left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some minor changes suggested in the comments but the overall is good 🚀
Agreed to modify it right now in v5.3.0 instead of waiting for v6; it'll be synchronized with the removal of $variable-prefix in Bootstrap at this moment.

site/content/docs/5.3/migration.md Show resolved Hide resolved
site/content/docs/5.3/migration.md Show resolved Hide resolved
scss/mixins/_buttons.scss Show resolved Hide resolved
site/content/docs/5.3/migration.md Outdated Show resolved Hide resolved
@sonarcloud
Copy link

sonarcloud bot commented Jul 11, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

Copy link
Member

@julien-deramond julien-deramond left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Neat!

@julien-deramond julien-deramond merged commit c0b4c44 into main Jul 11, 2023
14 checks passed
@julien-deramond julien-deramond deleted the main-lmp-homogenize-prefix branch July 11, 2023 06:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

Successfully merging this pull request may close these issues.

CSS: Remove $boosted-prefix
2 participants