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

Move Layout styles to PVC #1670

Merged
merged 15 commits into from
Dec 7, 2022
Merged

Move Layout styles to PVC #1670

merged 15 commits into from
Dec 7, 2022

Conversation

simurai
Copy link
Contributor

@simurai simurai commented Dec 5, 2022

Description

This is part of #1342 and adds the Layout styles from PCSS. There should be no visual changes.

What should reviewers focus on

  • Note that all the Layout styles in app/lib/primer/css/ are removed so they don't show up in search.
  • I was debating on moving layout/grid.scss. It is still used in PVC for Primer::LayoutComponent. But decided against it since dotcom uses Primer::LayoutComponent only in 6 files. So maybe ok to just wait until all Primer::LayoutComponent uses are migrated to Primer::Alpha::Layout.
  • Media queries still use px. Mostly to avoid regressions and fixes to the custom media queries, see Slack.

Integration

Does this change require any updates to code in production?

Yes, the following line can be removed on dotcom:

- @import '@primer/css/layout/layout.scss';

Merge checklist

  • Added/updated tests
  • Added/updated documentation
  • Added/updated previews
  • Visual regression test
Before After
Screen Shot 2022-12-02 at 17 34 57 Screen Shot 2022-12-02 at 17 34 49

@changeset-bot
Copy link

changeset-bot bot commented Dec 5, 2022

🦋 Changeset detected

Latest commit: 0059d13

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/view-components Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@simurai simurai temporarily deployed to review-pr-1670 December 5, 2022 06:26 Inactive
@github-actions github-actions bot added the css Pull requests that update CSS code label Dec 5, 2022
@simurai simurai temporarily deployed to github-pages December 5, 2022 06:30 Inactive
It's still needed for Primer::LayoutComponent
@simurai simurai temporarily deployed to review-pr-1670 December 5, 2022 07:12 Inactive
@simurai simurai temporarily deployed to review-pr-1670 December 5, 2022 07:23 Inactive
@simurai simurai temporarily deployed to github-pages December 5, 2022 07:26 Inactive
@simurai simurai temporarily deployed to review-pr-1670 December 6, 2022 03:18 Inactive
@simurai simurai temporarily deployed to github-pages December 6, 2022 03:23 Inactive
@simurai simurai temporarily deployed to review-pr-1670 December 6, 2022 05:51 Inactive
@simurai simurai temporarily deployed to github-pages December 6, 2022 05:56 Inactive
@simurai simurai temporarily deployed to review-pr-1670 December 6, 2022 06:37 Inactive
@simurai simurai temporarily deployed to github-pages December 6, 2022 06:41 Inactive
@primer primer deleted a comment from github-actions bot Dec 6, 2022
@simurai simurai marked this pull request as ready for review December 6, 2022 07:01
@simurai simurai requested a review from a team as a code owner December 6, 2022 07:01
@simurai simurai requested review from a team, lukasoppermann and keithamus December 6, 2022 07:01
@@ -799,383 +799,6 @@
}
}

.Layout {
Copy link
Contributor Author

@simurai simurai Dec 6, 2022

Choose a reason for hiding this comment

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

@mxriverlynn FYI: I removed all the Layout styles here and also in app/lib/primer/css/layout.css.json since they are now part of Primer::Alpha::Layout.

@simurai simurai mentioned this pull request Dec 6, 2022
4 tasks
@jonrohan jonrohan merged commit 217db07 into main Dec 7, 2022
@jonrohan jonrohan deleted the layout-pcss branch December 7, 2022 21:33
@primer-css primer-css mentioned this pull request Dec 7, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css Pull requests that update CSS code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants