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

Refactor margin/gutter scss maps #4176

Merged
merged 4 commits into from
Dec 3, 2021
Merged

Conversation

lyubomir-popov
Copy link
Contributor

@lyubomir-popov lyubomir-popov commented Dec 3, 2021

Done

Replace medium with large, delete keys (they use same values so no need forseparate vars)
Fixes #3278

QA

  • Ensure no percy changes presnt
  • Check code changes, verify no instances of map-get($grid-gutter-widths, medium) remain

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

  • PR should have one of the following labels to automatically categorise it in release notes:
    • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
  • Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
    • if CSS class names are not changed it can be bugfix relesase (x.x.X)
    • if CSS class names are changed/added/removed it should be minor version (x.X.0)
    • see the wiki for more details
  • Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.
  • Documentation side navigation should be updated with the relevant labels.

Screenshots

[if relevant, include a screenshot or screen capture]

@webteam-app
Copy link

Demo starting at https://vanilla-framework-4176.demos.haus

@@ -16,13 +16,11 @@ $grid-large-col-prefix: #{$grid-column-prefix} !default;

$grid-gutter-widths: (
small: $sp-unit * 3,
medium: $sp-unit * 4,
large: $sp-unit * 4,
Copy link
Contributor

Choose a reason for hiding this comment

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

Should these be renamed to default?

large: $sp-unit * 4,
) !default;

$grid-margin-widths: (
small: $sp-unit * 2,
medium: $sp-unit * 3,
large: $sp-unit * 3,
Copy link
Contributor

Choose a reason for hiding this comment

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

Should this be renamed to default?

@bartaz
Copy link
Contributor

bartaz commented Dec 3, 2021

Please add this somewhere in the upgrade guide.

Copy link
Contributor

@bartaz bartaz left a comment

Choose a reason for hiding this comment

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

LGTM, thanks

@bartaz bartaz merged commit 9e16a4e into canonical:main Dec 3, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Refactor grid padding css map
3 participants