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 blankslate styles to PVC #1584

Merged
merged 5 commits into from
Nov 10, 2022
Merged

Move blankslate styles to PVC #1584

merged 5 commits into from
Nov 10, 2022

Conversation

simurai
Copy link
Contributor

@simurai simurai commented Nov 8, 2022

Description

This is part of #1342 and adds the blankslate styles from PCSS. There should be no visual changes. See this commit a263494 for the diff of migrating from .scss to .pcss.

👀 Preview

Closes https://github.com/github/primer/issues/1497

Integration

Does this change require any updates to code in production?

Yes, this line should be removed on dotcom:

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

Merge checklist

  • Added/updated tests
  • Added/updated documentation
  • Added/updated previews
  • Visual regression test
Before After
Screen Shot 2022-11-08 at 15 18 09 Screen Shot 2022-11-08 at 15 18 18

If you can't spot a difference 👉 good!

@changeset-bot
Copy link

changeset-bot bot commented Nov 8, 2022

🦋 Changeset detected

Latest commit: 70a2a54

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-1584 November 8, 2022 06:38 Inactive
@github-actions github-actions bot added the css Pull requests that update CSS code label Nov 8, 2022
@simurai simurai temporarily deployed to github-pages November 8, 2022 06:44 Inactive
@simurai simurai temporarily deployed to review-pr-1584 November 8, 2022 06:47 Inactive
@simurai simurai temporarily deployed to github-pages November 8, 2022 06:51 Inactive
@@ -3,3 +3,4 @@
@import "./alpha/banner.pcss";
@import './alpha/segmented_control.pcss';
@import "./beta/button.pcss";
@import "./beta/blankslate.pcss";
Copy link
Contributor Author

@simurai simurai Nov 8, 2022

Choose a reason for hiding this comment

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

If we import it here (to be used in Lookbook), I guess we'll have to expand the import on dotcom. Like https://github.com/github/github/pull/245966.

Or an alternative would be to not import blankslate here, but update the Lookbook import to something like:

- *= require @primer/css/dist/blankslate.css
+ *= require ../../../../../app/components/primer/beta/blankslate.css

But I haven't figured out the exact relative path.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

nvm.. We decided to not expand the PVC imports on dotcom. It might cause regression changing the source order. But we'll have to do that eventually anyways.

@simurai simurai temporarily deployed to github-pages November 9, 2022 07:00 Inactive
@simurai simurai marked this pull request as ready for review November 9, 2022 07:33
@simurai simurai requested a review from a team as a code owner November 9, 2022 07:33
@simurai simurai requested review from a team, langermank and camertron November 9, 2022 07:33
@jonrohan jonrohan merged commit cad5c23 into main Nov 10, 2022
@jonrohan jonrohan deleted the blankslate-pcss branch November 10, 2022 03:20
@primer-css primer-css mentioned this pull request Nov 10, 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.

2 participants